Lavender Blush

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

Color values

copy exact values

HEX#FFF0F5sRGB hexadecimal

RGBrgb(255, 240, 245)screen channels

HSLhsl(340, 100%, 97%)hue, saturation, lightness

CMYKcmyk(0%, 6%, 4%, 0%)approximate process color

Tailwindpink-50nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.10:1

Black textAAA19.03: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

#514C4E

#A39A9D

#FFF0F5

#FDF3F7

#FCF7F8

#FAFAFA

Analogous

#FFF0FD

#FFF0F5

#FFF3F0

Triadic

#FFF0F5

#F5FFF0

#F0F5FF

Complement

#FFF0F5

#F0FFFA

Lab distance · lower is closer

:root {
  --color-lavender-blush: #FFF0F5;
}

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

Hueneutral

Lightness96 L*

Chroma5.9

Luminance0.902