Pink

pink is a CSS color keyword. The closest Tailwind step is rose-200 (#fecdd3).

#ffc0cbrgb(255, 192, 203)
Hex
#ffc0cb
RGB
255, 192, 203
HSL
350°, 100%, 88%
OKLCH
86.8% 0.074 7.1
LAB
83.6 24.1 3.3

Open #ffc0cb in the explorer

Text contrast

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

Black text13.7:1 AAAAPCA Lc 80
White text1.5:1 FailAPCA Lc -27

Color vision

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

Full color
#ffc0cb
Protanopia
#c9cacb
Deuteranopia
#d8d5ca
Tritanopia
#ffbcc4

Tonal scale

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

Copy into CSS

color: pink;
background: #ffc0cb;
@theme {
  --color-pink-50: #fff1f3;
  --color-pink-100: #ffdee3;
  --color-pink-200: #fcbec9;
  --color-pink-300: #dea1ac;
  --color-pink-400: #c08590;
  --color-pink-500: #a06873;
  --color-pink-600: #844e59;
  --color-pink-700: #6c3843;
  --color-pink-800: #54232f;
  --color-pink-900: #3d0e1b;
  --color-pink-950: #220008;
}