Indigo color values
| Format | Value |
|---|---|
| Hex | #4B0082 |
| RGB | rgb(75, 0, 130) |
| HSL | hsl(275, 100%, 25%) |
| HSV | 275, 100%, 51% |
| CMYK (simple conversion) | 42%, 100%, 0%, 49% |
| Decimal | 4915330 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Indigo
A deep, rich color positioned between blue and violet on the visible spectrum. It is often used in spiritual or creative branding to evoke mystery and depth. In user interfaces, it serves as a strong alternative to standard navy or dark blue for headers and backgrounds. The name originates from the indigo dye historically extracted from plants of the Indigofera genus.
Shades and tints of Indigo
Tints mix Indigo with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #5D1A8F | #440075 |
| 20% | #6F339B | #3C0068 |
| 30% | #814DA8 | #35005B |
| 40% | #9366B4 | #2D004E |
| 50% | #A580C1 | #260041 |
Color harmony for Indigo
These colors keep the same saturation and lightness as Indigo and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #378200 |
| Analogous | #0A0082 #820078 |
| Triadic | #824B00 #00824B |
| Split complementary | #788200 #00820A |
Contrast and accessibility
Contrast between #4B0082 and white is 12.95:1 (passes AAA). Against black it is 1.62:1 (fails). For text on a Indigo background, white text is the more readable choice.
Use Indigo in CSS
.element {
color: indigo;
background-color: #4B0082;
border-color: rgb(75 0 130);
outline-color: hsl(275 100% 25%);
}All four lines produce exactly the same color. The keyword indigo is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Purple: #800080
- midnightblue: #191970
- darkslateblue: #483D8B
- rebeccapurple: #663399
FAQ
What is the hex code for Indigo?
The hex code for Indigo is #4B0082. As a CSS color keyword you can also write indigo.
What is Indigo in RGB?
Indigo is rgb(75, 0, 130): red 75, green 0, blue 130 on the 0 to 255 scale.
What color is closest to Indigo?
Of the CSS named colors, purple (#800080) is the closest match to Indigo, followed by midnightblue and darkslateblue.
More colors
- Floral White: previous page
- Khaki: next page
- CSS named colors: the full list