Purple family
Indigo color
A dark, rich purple with cool undertones. The reference indigo is #4B0082, as defined by the CSS named color.
| HEX | #4B0082 | |
|---|---|---|
| RGB | rgb(75, 0, 130) | |
| HSL | hsl(275, 100%, 25%) | |
| HSV | hsv(275, 100%, 51%) | |
| OKLCH | oklch(33.9% 0.179 301.7) | |
| CMYK* | 42, 100, 0, 49 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is indigo?
Indigo is a deep blue-violet named after the dye extracted from the indigo plant, the dye of blue jeans. Isaac Newton included it as one of the seven colours of the rainbow. The CSS keyword indigo, #4B0082, is more purple than the dye; denim indigo is bluer.
Indigo hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of indigo in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Indigo | #4B0082 | CSS named color | Reference shown on this page |
| Indigo | #380282 | xkcd Color Survey | Close · 83% similar |
| Indigo | #4B0082 | Color Names (meodai) | Same color |
Indigo vs Violet
#4B0082
#9A0EEA
Violet is lighter and redder; indigo is darker and bluer. In numbers: the two are 8% similar (OKLab distance 0.229). See Violet for its own codes.
Colors similar to indigo
The closest named colors to #4B0082 across all three sources, with their similarity in OKLab.
Tints and shades of indigo
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with indigo
Classic color-wheel combinations built on #4B0082, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Indigo with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a indigo background, white text is the better choice.
Use indigo in CSS
.indigo {
color: #4B0082;
/* or */ color: rgb(75 0 130);
/* or */ color: hsl(275 100% 25%);
/* or */ color: oklch(33.9% 0.179 301.7);
/* CSS keyword */ color: indigo;
}