Medium Purple in OKLCH
Medium Purple is the soft, balanced CSS named color #9370DB. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.
About medium purple
Medium Purple is a friendly mid-purple with a slight blue lean that reads as creative and approachable, which makes it a comfortable brand and accent color. It sits at a mid lightness with good chroma, so the tonal scale gives a smooth range from lavender tints to deep violet shades. Hold the hue and vary lightness for the ramp, then copy the OKLCH, HEX or RGB value.
Medium Purple in CSS: oklch(62.7% 0.158 296.7) · #9370db · rgb(147 112 219)
Frequently Asked Questions
Medium purple is rgb(147, 112, 219). The RGB, HEX (#9370DB) and OKLCH values are all shown in the readouts above and can be copied individually.
Keep the OKLCH hue and chroma steady and walk the lightness from about 50 up to 950. Because OKLCH lightness is perceptually even, you get a balanced set of purple tints and shades with no muddy steps.
Other colors in OKLCH
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →