Pink

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

Color values

copy exact values

HEX#FFC0CBsRGB hexadecimal

RGBrgb(255, 192, 203)screen channels

HSLhsl(350, 100%, 88%)hue, saturation, lightness

CMYKcmyk(0%, 25%, 20%, 0%)approximate process color

Tailwindrose-200nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.54:1

Black textAAA13.65: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

#514042

#A47D83

#FFC0CB

#FED3DA

#FDE7EA

#FAFAFA

Analogous

#FFC0EB

#FFC0CB

#FFD4C0

Triadic

#FFC0CB

#CBFFC0

#C0CBFF

Complement

#FFC0CB

#C0FFF4

Lab distance · lower is closer

:root {
  --color-pink: #FFC0CB;
}

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

Hue8°

Lightness84 L*

Chroma24.4

Luminance0.633