Deeppink

deeppink is a CSS color keyword. The closest Tailwind step is pink-500 (#ec4899).

#ff1493rgb(255, 20, 147)
Hex
#ff1493
RGB
255, 20, 147
HSL
328°, 100%, 54%
OKLCH
65.5% 0.261 356.9
LAB
56.0 84.5 -5.7

Open #ff1493 in the explorer

Text contrast

Black or white text on #ff1493. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text5.8:1 AAAPCA Lc 43
White text3.6:1 FailAPCA Lc -66

Color vision

How #ff1493 looks in simulations of color blindness, at full severity.

Full color
#ff1493
Protanopia
#596c95
Deuteranopia
#96958e
Tritanopia
#ff0058

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to deeppink.

50100200300400500600700800900950

Copy into CSS

color: deeppink;
background: #ff1493;
@theme {
  --color-deeppink-50: #fff1f5;
  --color-deeppink-100: #ffdee8;
  --color-deeppink-200: #ffbbd2;
  --color-deeppink-300: #ff88b6;
  --color-deeppink-400: #ff419a;
  --color-deeppink-500: #db007c;
  --color-deeppink-600: #af0062;
  --color-deeppink-700: #89004c;
  --color-deeppink-800: #650036;
  --color-deeppink-900: #430022;
  --color-deeppink-950: #21000e;
}