Pink color (#FFC0CB)
Pink is one of the 148 CSS named colors. Use the keyword pink
anywhere CSS accepts a color, or its hex code #FFC0CB, which is rgb(255, 192, 203) in RGB.
It is a light, moderately saturated warm color with a hue angle of 350° on the HSL color wheel and a perceived lightness of 87% in OKLCH. On a pink background, black text gives the higher contrast at 13.65:1, which passes WCAG AA for normal text.
Pink color codes
| CSS name | pink |
|
|---|---|---|
| HEX | #FFC0CB |
|
| HEX (8-digit) | #FFC0CBFF |
|
| RGB | rgb(255, 192, 203) |
|
| HSL | hsl(350, 100%, 88%) |
|
| HSV / HSB | hsv(350, 25%, 100%) |
|
| OKLCH | oklch(86.8% 0.0735 7.1) |
|
| CMYK | cmyk(0%, 24.7%, 20.4%, 0%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for pink used as text and as a background.
Tints and shades of pink
Tints mix pink with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with pink
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Pink with color blindness
Approximately how pink appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using pink in CSS
.element {
color: pink;
background-color: #ffc0cb;
border-color: rgb(255 192 203 / 50%);
outline-color: oklch(86.8% 0.0735 7.1);
}Similar named colors
See all shades of pink or browse every CSS color name.