- No data uploaded
- Instant results
Indigo — #4B0082
Indigo is the CSS named colour indigo, hex #4B0082. It has a contrast ratio of 12.95:1 on white and 1.62:1 on black — readable as text on white backgrounds (WCAG AA).
Indigo — #4B0082
Contrast on white 12.95:1 · on black 1.62:1
Tints
Shades
Complementary
Triadic
Analogous
Using Indigo in code
CSS: color: indigo; or color: #4B0082; · Tailwind: text-[#4B0082] · Android/Flutter: 0xFF4B0082
Indigo colour harmonies
Complementary: #378200 · Triadic: #824B00, #00824B · Analogous: #0A0082, #820078. Use tints for backgrounds and shades for hover states.
Indigo in every colour format
| Format | Value |
|---|---|
| HEX | #4B0082 |
| RGB | rgb(75, 0, 130) |
| HSL | hsl(275, 100%, 25%) |
| HSV | hsv(275, 100%, 51%) |
| CMYK | cmyk(42%, 100%, 0%, 49%) |
| CSS name | indigo |
| Contrast on white | 12.95:1 |
| Contrast on black | 1.62:1 |
Frequently asked questions
What is the hex code for Indigo?
#4B0082 (CSS name: indigo).
What is Indigo in RGB?
rgb(75, 0, 130)
What colour goes well with Indigo?
Its complementary colour #378200, or the analogous #0A0082 and #820078.