Lavender

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

Color values

copy exact values

HEX#E6E6FAsRGB hexadecimal

RGBrgb(230, 230, 250)screen channels

HSLhsl(240, 67%, 94%)hue, saturation, lightness

CMYKcmyk(8%, 8%, 0%, 2%)approximate process color

Tailwindviolet-100nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.23:1

Black textAAA17.06:1

Recommendation

Use black 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

#4A4A4F

#9494A0

#E6E6FA

#EDEDFA

#F3F3FA

#FAFAFA

Analogous

#E6F0FA

#E6E6FA

#F0E6FA

Triadic

#E6E6FA

#FAE6E6

#E6FAE6

Complement

#E6E6FA

#FAFAE6

Lab distance · lower is closer

:root {
  --color-lavender: #E6E6FA;
}

.swatch {
  background: var(--color-lavender);
  color: #000000;
}

Hue291°

Lightness92 L*

Chroma10.3

Luminance0.803