Purple

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

Color values

copy exact values

HEX#800080sRGB hexadecimal

RGBrgb(128, 0, 128)screen channels

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

CMYKcmyk(0%, 100%, 0%, 50%)approximate process color

Tailwindfuchsia-800nearest palette utility, not an exact token

WCAG ratios

White textAAA9.42:1

Black textfails AA2.23: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

#2F122E

#561255

#800080

#AC64A8

#D4AED1

#FAFAFA

Analogous

#400080

#800080

#800040

Triadic

#800080

#808000

#008080

Complement

#800080

#008000

Lab distance · lower is closer

:root {
  --color-purple: #800080;
}

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

Hue328°

Lightness30 L*

Chroma69.3

Luminance0.061