Indigo

indigo is a CSS color keyword. The closest Tailwind step is violet-900 (#4c1d95).

#4b0082rgb(75, 0, 130)
Hex
#4b0082
RGB
75, 0, 130
HSL
275°, 100%, 25%
OKLCH
33.9% 0.179 301.7
LAB
20.5 51.7 -53.3

Open #4b0082 in the explorer

Text contrast

Black or white text on #4b0082. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text1.6:1 FailAPCA Lc 8
White text13.0:1 AAAAPCA Lc -99

Color vision

How #4b0082 looks in simulations of color blindness, at full severity.

Full color
#4b0082
Protanopia
#003185
Deuteranopia
#003180
Tritanopia
#3e2e4a

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to indigo.

50100200300400500600700800900950

Copy into CSS

color: indigo;
background: #4b0082;
@theme {
  --color-indigo-50: #f7f3ff;
  --color-indigo-100: #ece2ff;
  --color-indigo-200: #dac5ff;
  --color-indigo-300: #c59dff;
  --color-indigo-400: #ad79f3;
  --color-indigo-500: #8f59d1;
  --color-indigo-600: #743db3;
  --color-indigo-700: #5e2299;
  --color-indigo-800: #48007d;
  --color-indigo-900: #2f0055;
  --color-indigo-950: #15002b;
}