#4B0082

Indigo

Indigo is a deep blue-purple color historically derived from the indigo plant. It bridges blue and violet on the spectrum and represents intuition and perception.

Indigo Color Values

HEX#4B0082
RGB75, 0, 130
HSL275°, 100%, 25%
HSV275°, 100%, 51%
CMYK42%, 100%, 0%, 49%

Color Blindness Simulation

Protanopia
Red-blind. Cannot perceive red light.
Sees: #003285 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #003280 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #3D2E49 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #3D3D3D (~0.003% of population)

Indigo as Text Color

Indigo on White
13.0:1AAA
Indigo on Light Gray
11.9:1AAA
Indigo on Cream
12.2:1AAA
Indigo on Dark
1.3:1FAIL
Indigo on Black
1.6:1FAIL
Indigo on Soft Blue
11.3:1AAA
Indigo on Soft Green
11.5:1AAA
Indigo on Soft Pink
10.8:1AAA

Nearest Tailwind Class

blue-900
#1E3A8A

Nearest Pantone Match

Pantone 072 C
#10069F

CSS Variable Export

:root {
  --color-indigo: #4B0082;
  --color-indigo-rgb: 75, 0, 130;
}

Tailwind Config

// tailwind.config.js
colors: {
  'indigo': '#4B0082',
}

Shades of Indigo

#4A0080
#410070
#390061
#330057
#2A0047
#210038
#180029
#12001F
#09000F
#000000

Tints of Indigo

#4A0080
#6200A8
#7D00D6
#9500FF
#A629FF
#B957FF
#CA80FF
#DBA8FF
#EED6FF
#FFFFFF

Color Harmonies

Complementary

#4B0082
#358000

Analogous

#0B0080
#4A0080
#800075

Triadic

#4A0080
#804A00
#00804A

Indigo Text Preview

Heading in Indigo

Body text in Indigo. The quick brown fox jumps over the lazy dog.

White on Indigo

Body text on a Indigo background.

Indigo text on dark background

Contrast: 1.4:1