Blue Violet

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

Color values

copy exact values

HEX#8A2BE2sRGB hexadecimal

RGBrgb(138, 43, 226)screen channels

HSLhsl(271, 76%, 53%)hue, saturation, lightness

CMYKcmyk(39%, 81%, 0%, 11%)approximate process color

Tailwindpurple-600nearest palette utility, not an exact token

WCAG ratios

White textAA5.96:1

Black textlarge text3.52: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

#331A49

#5D2492

#8A2BE2

#B776EC

#DBB8F4

#FAFAFA

Analogous

#2F2BE2

#8A2BE2

#E22BDE

Triadic

#8A2BE2

#E28A2B

#2BE28A

Complement

#8A2BE2

#83E22B

Lab distance · lower is closer

:root {
  --color-blue-violet: #8A2BE2;
}

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

Hue313°

Lightness42 L*

Chroma102.3

Luminance0.126