Indigo hex code
The hex code for indigo is #4B0082. In RGB that is rgb(75, 0, 130) and in HSL it is hsl(275, 100%, 25%).
The hex code for indigo is #4B0082. In RGB that is rgb(75, 0, 130) and in HSL it is hsl(275, 100%, 25%).
Indigo · #4B0082
Colour codes
- HEX
- #4B0082
- RGB
- rgb(75, 0, 130)
- HSL
- hsl(275, 100%, 25%)
- CMYK
- 42, 100, 0, 49
- CSS name
- indigo
- Contrast on white
- 12.95:1
- Contrast on black
- 1.62:1
Tints and shades
20% lighter · #6f339b
40% lighter · #9366b4
60% lighter · #b799cd
80% lighter · #dbcce6
20% darker · #3c0068
40% darker · #2d004e
60% darker · #1e0034
80% darker · #0f001a
Complementary colour
Indigo · #4B0082
Opposite on the colour wheel · #358000
Frequently asked questions
What is the hex code for indigo?
The hex code for indigo is #4B0082. In RGB that is rgb(75, 0, 130) and in HSL it is hsl(275, 100%, 25%).
Can I use indigo for text?
It has a contrast ratio of 12.95:1 on white and 1.62:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with indigo?
Its complementary colour, opposite on the colour wheel, is #358000. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of indigo instead.
Is indigo a CSS colour name?
Yes. CSS accepts the keyword indigo, so color: indigo and color: #4B0082 render exactly the same.