HEX
#4B0082Primary tokenCSS Named Color Reference
Indigo Color Code
Indigo·#4B0082
Blue FamilyCoolDark toneHigh saturationoklch(33.9% 0.179 302)
RGB
rgb(75, 0, 130)Screen valuesHSL
hsl(275 100% 25%)Hue and lightnessCMYK
42, 100, 0, 49Print handoffLAB
20, 52, -53Perceptual referenceOKLCH
oklch(33.9% 0.179 302)Modern perceptualIndigo is a deep CSS named color at #4B0082 that leans blue-violet rather than pure blue. Use it when you want a darker accent with more personality than Navy or Dark Blue for premium interfaces, code-like surfaces, and dramatic brand moments.
Best text colorWhite text
Body text contrast12.95:1
Best UsePremium interfaces, moody shells, and blue-violet accents
Tonal Scale
100#DFD1E9
300#AC8AC6
500#6B2E99
600#4B0082
800#36005E
Contrast Checks
White text on this color
Buttons, badges, and filled actions.
12.95:1AAA-level contrast
Dark text on this color
Large headings and selective UI.
1.32:1Needs more separation
This color on light surface
Links, borders, and icons on light UI.
12.30:1AAA-level contrast
Best text colorWhite textContrast 12.95:1
Professional Reference
OKLCHoklch(33.9% 0.179 302)
Relative Luminance0.0311
Source TypeCSS Named Color
Classification
Blue FamilyCoolDark toneHigh saturation
Source Context
Source Type
CSS Named Color
System
CSS
Closest Matches
Material Purple 900Ant Design Purple 8Tailwind Violet 900
Accessibility Matrix
White text on this color
White text placed on the current color.
12.95:1AAA
Dark text on this color
Dark text or headings on the current color.
1.32:1Needs more separation
This color on light surface
Use this color for links, strokes, or icons on light UI.
12.30:1AAA
This color on dark surface
Use this color inside dark shells for strokes, tags, or icons.
1.32:1Needs more separation
Best text colorWhite textContrast 12.95:1 · AAA
Where It Works
- Premium accents, code-like surfaces, and moody hero areas.
- Blue-violet anchor with more character than navy.
- Pairs with white, silver neutrals, and electric blue or lavender accents.
Reference Notes
Last Updated
2026-06-09
Source Library
CSS Standard Colors
Methodology
Verified source values + site guidance
Color Notes
Indigo is sourced from the published CSS Standard Colors library and retained here as a searchable reference swatch for product, interface, and branding work.
Hue Family
Trust-building blues for enterprise and SaaS.
Source Collections
CSS Named Colors
Related Colors
Palette Starting Points
Implementation Snippets
:root {
--color-indigo: #4B0082;
--color-indigo-rgb: 75 0 130;
}class="bg-[#4B0082] text-white"
class="hover:bg-[#36005E] ring-1 ring-[#4B0082]"{
"indigo": "#4B0082",
"indigoRgb": [75, 0, 130],
"indigoHsl": [275, 100, 25]
}