Indigo #4B0082
Indigo, defined in CSS as #4B0082, is a very dark, saturated blue-purple. It is cool and deep, lighter than black but heavy enough to act as a dark base. The name comes from the indigo dye used on denim and traditional textiles. On screen it looks like the sky in the last minutes before full night.
#4B0082 is the CSS named color indigo. It leans purple; the dye used on denim is a deep blue, and the indigo band of a rainbow is usually shown bluer too.
| HEX | #4B0082 | |
|---|---|---|
| RGB | rgb(75, 0, 130) | |
| HSL | hsl(275, 100%, 25%) | |
| HSV | hsv(275, 100%, 51%) | |
| CMYK | cmyk(42%, 100%, 0%, 49%) |
Text on Indigo
White text reads better on Indigo. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Indigo
Indigo tints and shades
Tints mix Indigo with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Indigo color schemes
Color-wheel harmonies built by rotating the hue of #4B0082 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Indigo color meaning
Indigo dye comes from plants, mainly of the Indigofera genus, and the name traces back through Greek to a word meaning 'from India.' Dyers in India, Japan, West Africa, and elsewhere have produced deep blue indigo textiles for centuries, including Japanese aizome and Yoruba adire cloth. Blue jeans carry the tradition today.
Isaac Newton included indigo as one of the seven colors when he divided the spectrum, which is why rainbows are often taught as red, orange, yellow, green, blue, indigo, violet. Many modern color scientists fold it into blue or violet.
Symbolically, indigo is linked with depth, wisdom, and intuition. Some spiritual traditions tie it to the 'third eye.' It feels thoughtful and nocturnal, and it suits brands that want depth more than shine.
How to use Indigo in design
White, cream, and pale gold text read clearly on #4B0082, so it works as a header band, dark theme, or premium packaging color. Dark text is unusable on it. On dim or low-quality screens it can look almost black, so test it before relying on subtle details.
It fits astrology, meditation, publishing, and night-themed brands. In interiors, indigo textiles, rugs, and upholstery feel rich and calm. Pair it with warm metallics or burnt orange to keep it from feeling cold.
Palettes with Indigo tones
Curated palettes with a color close to #4B0082.
Colors similar to Indigo
Work with Indigo
Indigo FAQ
Is indigo blue or purple?
It depends on the source. The CSS color #4B0082 leans clearly purple. Indigo dye, as seen on raw denim, is a deep blue. Rainbow diagrams usually show indigo as a dark blue-violet between the two. All are called indigo, so check the hex value or swatch before choosing.
What is the difference between indigo and violet?
Indigo is darker and bluer; violet is brighter and more purple. The CSS indigo (#4B0082) is close to black-purple, while violet (#8F00FF) is a vivid, electric shade. In the rainbow, indigo sits between blue and violet, though many people struggle to see it as a separate band.