Pink color: code #FFC0CB

Pink

#FFC0CB

Color codes

  • HEX#FFC0CB
  • RGBrgb(255, 192, 203)
  • HSLhsl(350, 100%, 88%)
  • HSVhsv(350, 25%, 100%)
  • CMYKcmyk(0%, 25%, 20%, 0%)
  • LABlab(83.6% 24.1 3.3)
  • OKLCHoklch(86.8% 0.074 7.1)

About the color Pink

Pink has the HEX code #FFC0CB, which corresponds to rgb(255, 192, 203) in the RGB model. On the color wheel its hue sits at 350°, with 100% saturation and 88% lightness (hsl(350, 100%, 88%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 13.65:1 contrast ratio on it, versus 1.53:1 for white.

For print, the approximate conversion is cmyk(0%, 25%, 20%, 0%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Pink

Complementary

#FFC0CB · #C2FFF5

Analogous

#FFC2EB · #FFC0CB · #FFD6C2

Triadic

#FFC0CB · #CCFFC2 · #C2CCFF

Tetradic

#FFC0CB · #EBFFC2 · #C2FFF5 · #D6C2FF

Split-complementary

#FFC0CB · #C2FFD6 · #C2EBFF

Monochromatic

#FF4262 · #FF8FA2 · #FFC0CB · #FFFFFF · #FFFFFF

Pink with white and black text

White text Aa Bb Cc 123
1.53:1 · fails WCAG
Black text Aa Bb Cc 123
13.65:1 · AAA

Test other pairs in the contrast checker

What pink communicates

#FFC0CB is the CSS pink keyword: red heavily diluted with white, light and low in saturation. That is why it tends to read as gentle, affectionate and welcoming. The link between pink and girls, so common in nurseries and toy aisles, is a fairly recent convention rather than a universal rule, and it keeps weakening: pink now shows up naturally in menswear, tech products and gender-neutral brand identities. In the US and many other countries, pink is also the color of breast cancer awareness, most visible every October.

Where light pink makes sense

In fashion, light pink behaves like a soft neutral: shirts, tailoring and knitwear in this shade pair easily with denim, gray and beige. In interiors, it warms rooms that get plenty of daylight and works with pale wood, brass and houseplants. In branding, bakeries, cosmetics and kids' products lean on light pink so often that, if you want to stand out in those markets, you might avoid it or pair it with an unexpected contrast. In interfaces, it is more useful as a background for notices, cards and badges than as a text color.

Pairings that work

ColorHEXEffect
Navy blue#000080Crisp, grown-up contrast for apparel and stationery.
Gray#808080A calm, contemporary neutral pair for interiors.
Olive green#808000An earthy palette with pink as the highlight.
Deep pink#FF1493Vivid tone-on-tone for accents.

Want to explore more options? Build a color palette from pink and adjust the harmonies.

Practical tip: text and print

White text on #FFC0CB only reaches about 1.5:1 contrast, far below the 4.5:1 WCAG minimum for normal text. Use dark text instead: black on this pink gets around 13.6:1. For print, a straight conversion gives roughly cmyk(0%, 25%, 20%, 0%). Pastels like this are sensitive to paper stock: on uncoated paper the pink often prints duller, so request a hard proof before the full run. The RGB vs CMYK guide explains why screen and paper never match exactly.

How to use it in CSS

:root {
  --color-pink: #FFC0CB;
  --color-pink-rgb: 255, 192, 203;
}

.elemento {
  background-color: var(--color-pink);
  color: #000000;
}