Indigo in OKLCH
Indigo is the deep blue-purple CSS named color #4B0082. 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 indigo
Indigo is a rich, dark blue-purple that sits between blue and violet and reads as deep, creative and premium, which makes it a strong brand base for tech and design products. It is low in lightness with solid chroma, so the tonal scale is perfect for pulling lighter indigo and violet tints to layer above it. Hold the hue and raise lightness for those tints, then copy the OKLCH, HEX or RGB value.
Indigo in CSS: oklch(33.9% 0.179 301.7) · #4b0082 · rgb(75 0 130)
Frequently Asked Questions
Indigo is the CSS named color #4B0082. Its OKLCH value (a low lightness, blue-purple hue) is shown in the readout above and can be copied in one click.
Indigo leans more toward blue, while purple sits closer to magenta. In OKLCH indigo has a bluer hue value than a typical purple, which is what gives it that deep, cool character.
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 →