indigo — #4B0082
#4B0082
rgb(75, 0, 130) · hsl(275, 100%, 25%) · CSS keyword indigo
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| indigo on white | 12.95:1 | AA | AA |
| indigo on black | 1.62:1 | — | — |
As a background, indigo takes white text: 12.95:1 against 1.62:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Where the name comes from
Named after the dye, which came from the Indigofera plant and reached Europe through India — the word and the trade route are the same story.
Using it
color: indigo;
color: #4b0082;
color: rgb(75 0 130);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to indigo
- purple — #800080
- midnightblue — #191970
- darkmagenta — #8B008B
- navy — #000080
- darkblue — #00008B
- rebeccapurple — #663399
Frequently asked questions
What is the hex code for indigo?
The hex code for indigo is #4B0082 — RGB 75, 0, 130.
Can I use indigo for text?
Yes. indigo reaches 12.95:1 against white, past the 4.5:1 that WCAG AA asks for body text.
Should text on indigo be black or white?
White — 12.95:1 against 1.62:1 the other way.
Other named colours
- ivory — #FFFFF0
- khaki — #F0E68C
- lavender — #E6E6FA
- lavenderblush — #FFF0F5
- lawngreen — #7CFC00
- lemonchiffon — #FFFACD
- lightblue — #ADD8E6
- lightcoral — #F08080
- lightcyan — #E0FFFF
- lightgoldenrodyellow — #FAFAD2
- lightgray — #D3D3D3
- lightgreen — #90EE90
#4B0082 in full — tints, shades and harmonies · All named colours · Colour reference