#4B0082
Purple family

Indigo

Also known as: mystical · deep · vivid · introspective · bold
Save
Hex #4B0082
RGB rgb(75, 0, 130)
HSL hsl(275°, 100%, 25%)
CMYK 42 · 100 · 0 · 49
CSS indigo

Meaning

In Western cultures, indigo represents wisdom and introspection, while in Indian traditions, it is associated with the divine and spirituality. This duality reflects its use in both modern fashion and ancient rituals, creating a complex cultural significance.

The term 'indigo' originates from the Latin 'indicum', meaning 'from India', highlighting its historical trade routes. Notably, in the 18th century, indigo became a major cash crop in the American South, leading to its significant role in the economy and culture of the region.

mysticaldeepvividintrospectivebold

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Indigo. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 31 Purples →

Shades & tints

Nine steps of Indigo by lightness — from #270044 (darkest) to #A17ABE (lightest). Click any to copy.

-40% #270044
-30% #300053
-20% #390063
-10% #420072
BASE #4B0082
+15% #611F91
+30% #763DA0
+50% #8C5CAF
+70% #A17ABE

Complementary

Sitting opposite Indigo at 95° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Indigo.

#4B0082
#1A1A2E
#EAEAEA
#FF6F61
#00A896

Night Sky

Mysterious Calm
#4B0082
#007A8E
#F0F0F0
#F9C74F
#F94144

Ocean Depths

Serene Adventure
#4B0082
#FFD700
#CCCCCC
#8B4513
#FF1493

Royal Elegance

Luxurious Contrast

Used by

Brands and institutions known for using Indigo.

NikeTwitch

Indigo scale

A 50–900 tonal scale with Indigo anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F1EBF5
100 #DFD1E9
200 #BB9ED0
300 #976BB7
400 #71369C
500 #4B0082
600 #3E006B
700 #310056
800 #260041
900 #19002C

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 12.95:1
Indigo as text on… Ratio AA AAA
Aa White background 12.95:1 Pass Pass
Aa Black background 1.62:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #4B0082

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: indigo;
CSS color-mix (lighten 30%) color-mix(in srgb, indigo 70%, white)
HSV / HSB 275°, 100%, 51%
CMYK (print) 42, 100, 0, 49
Decimal 4915330
Nearest web-safe #330099

Color vision

How Indigo appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#4B0082

Protanopia (no red)

#2B2A63

Deuteranopia (no green)

#2F355B

Tritanopia (no blue)

#474A44
Royal Purple
17 / 31 Purples Aubergine
Copied!