Hotpink

hotpink is a CSS color keyword. The closest Tailwind step is pink-400 (#f472b6).

#ff69b4rgb(255, 105, 180)
Hex
#ff69b4
RGB
255, 105, 180
HSL
330°, 100%, 71%
OKLCH
72.8% 0.197 352.0
LAB
65.5 64.2 -10.6

Open #ff69b4 in the explorer

Text contrast

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

Black text7.9:1 AAAAPCA Lc 55
White text2.6:1 FailAPCA Lc -54

Color vision

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

Full color
#ff69b4
Protanopia
#7e8eb6
Deuteranopia
#a7a9b0
Tritanopia
#ff6187

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: hotpink;
background: #ff69b4;
@theme {
  --color-hotpink-50: #fff1f6;
  --color-hotpink-100: #ffddeb;
  --color-hotpink-200: #ffbad7;
  --color-hotpink-300: #ff86bf;
  --color-hotpink-400: #ee59a5;
  --color-hotpink-500: #ca3686;
  --color-hotpink-600: #ab0c6c;
  --color-hotpink-700: #870054;
  --color-hotpink-800: #64003d;
  --color-hotpink-900: #430027;
  --color-hotpink-950: #200010;
}