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.

Indigo color codes
HEX#4B0082
RGBrgb(75, 0, 130)
HSLhsl(275, 100%, 25%)
HSVhsv(275, 100%, 51%)
CMYKcmyk(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.

White text

The quick brown fox jumps over the lazy dog.

12.95:1 · AAA
Black text

The quick brown fox jumps over the lazy dog.

1.62:1 · Fail

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

#662695
#814DA8
#9C73BA
#B799CD
#D2BFE0

Shades

#40006F
#35005B
#290048
#1E0034
#130021

Indigo color schemes

Color-wheel harmonies built by rotating the hue of #4B0082 and keeping its saturation and lightness.

Complementary

#4B0082
#378200

Analogous

#0A0082
#4B0082
#820078

Triadic

#4B0082
#824B00
#00824B

Split complementary

#4B0082
#788200
#00820A

Tetradic

#4B0082
#820A00
#378200
#007882

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.