indigo indigo #4b0082
indigo is #4b0082 in hexadecimal, rgb(75, 0, 130) in decimal and hsl(275, 100, 25) in HSL. This page lists its harmonies, lightness steps and contrast against black and white — all copyable.
HEX · RGB · HSL
| HEX | #4b0082 |
| RGB | rgb(75, 0, 130) |
| HSL | hsl(275, 100%, 25%) |
Harmonies
Complementary
#358000Analogous
#0b0080#800075Triadic
#804a00#00804aSplit complementary
#758000#00800bTints & shades
#3e006b#440075#4a0080#50008a#560094Accessibility
| vs #ffffff | 12.95:1 |
| vs #000000 | 1.62:1 |
| Suggested text color | #ffffff · 12.95:1 · WCAG AAA |
Similar named colors
FAQ
What is the HEX code for indigo?
indigo is #4b0082 in hex, rgb(75, 0, 130) in decimal and hsl(275, 100%, 25%) in HSL. In CSS you can write either color: indigo; or color: #4b0082; — they are equivalent.
What colors go with indigo?
The complementary #358000 gives the strongest contrast, the analogous pair #0b0080 / #800075 is the safest, and the triad #804a00 / #00804a adds more tension. All three are derived from the 275° hue of #4b0082.
Does #4b0082 read better on white or black?
Its contrast is 12.95:1 against white and 1.62:1 against black. Use #ffffff text on it — that gives 12.95:1, which meets WCAG AAA.
Is a named color different from a hex color?
No. CSS named colors are just syntactic sugar for standard six-digit hex values; browsers resolve them to identical results in every modern engine.