Indigo color: code #4B0082
Indigo
#4B0082
Color codes
- HEX
#4B0082 - RGB
rgb(75, 0, 130) - HSL
hsl(275, 100%, 25%) - HSV
hsv(275, 100%, 51%) - CMYK
cmyk(42%, 100%, 0%, 49%) - LAB
lab(20.5% 51.7 -53.3) - OKLCH
oklch(33.9% 0.179 301.7)
About the color Indigo
Indigo has the HEX code #4B0082, which corresponds to rgb(75, 0, 130) in the RGB model. On the color wheel its hue sits at 275°, with 100% saturation and 25% lightness (hsl(275, 100%, 25%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for light text: white reaches a 12.95:1 contrast ratio on it, versus 1.62:1 for black.
For print, the approximate conversion is cmyk(42%, 100%, 0%, 49%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Indigo
Complementary
#4B0082 · #358000
Analogous
#0B0080 · #4B0082 · #800075
Triadic
#4B0082 · #804A00 · #00804A
Tetradic
#4B0082 · #800B00 · #358000 · #007580
Split-complementary
#4B0082 · #758000 · #00800B
Monochromatic
#000000 · #2D004D · #4B0082 · #7700CC · #9F1AFF
Indigo with white and black text
How to use it in CSS
:root {
--color-indigo: #4B0082;
--color-indigo-rgb: 75, 0, 130;
}
.elemento {
background-color: var(--color-indigo);
color: #FFFFFF;
}