Deep Pink

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

Color values

copy exact values

HEX#FF1493sRGB hexadecimal

RGBrgb(255, 20, 147)screen channels

HSLhsl(328, 100%, 54%)hue, saturation, lightness

CMYKcmyk(0%, 92%, 42%, 0%)approximate process color

Tailwindpink-500nearest palette utility, not an exact token

WCAG ratios

White textlarge text3.64:1

Black textAA5.77: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

#531C33

#A52261

#FF1493

#FF7FB4

#FFBFD6

#FAFAFA

Analogous

#F614FF

#FF1493

#FF141D

Triadic

#FF1493

#93FF14

#1493FF

Complement

#FF1493

#14FF80

Lab distance · lower is closer

:root {
  --color-deep-pink: #FF1493;
}

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

Hue356°

Lightness56 L*

Chroma84.7

Luminance0.239