Indigo

Best set with white text. The pairing reaches 12.95:1 contrast and passes AAA for normal text.

Color values

copy exact values

HEX#4B0082sRGB hexadecimal

RGBrgb(75, 0, 130)screen channels

HSLhsl(275, 100%, 25%)hue, saturation, lightness

CMYKcmyk(42%, 100%, 0%, 49%)approximate process color

Tailwindviolet-900nearest palette utility, not an exact token

WCAG ratios

White textAAA12.95:1

Black textfails AA1.62:1

Recommendation

Use white text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#210F2F

#360D57

#4B0082

#895AAA

#C2A8D2

#FAFAFA

Analogous

#0A0082

#4B0082

#820078

Triadic

#4B0082

#824B00

#00824B

Complement

#4B0082

#378200

Lab distance · lower is closer

:root {
  --color-indigo: #4B0082;
}

.swatch {
  background: var(--color-indigo);
  color: #FFFFFF;
}

Hue314°

Lightness20 L*

Chroma74.3

Luminance0.031