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
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.
Color vision
How #ffc0cb looks in simulations of color blindness, at full severity.
#ffc0cb
#c9cacb
#d8d5ca
#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;
}