Dark text passes AAA
13.65:1

Pink

#FFC0CB

CSS pink #FFC0CB is a soft, light pink, much paler than hot pink #FF69B4. Its lightness means black text is the clear choice, at 13.7:1, while white text all but disappears at 1.5:1. It suits backgrounds and gentle accents more than bold elements.

HEX#FFC0CB
RGBrgb(255, 192, 203)
HSLhsl(350, 100%, 88%)
OKLCHoklch(86.8% 0.074 7.1)
CMYKcmyk(0%, 25%, 20%, 0%)
CMYK is an approximate screen conversion, not for print matching.

Lighter and darker

Ten steps toward white and ten toward black, with pink in the middle. Click a step to copy its hex code.

LightestPink #FFC0CBDarkest

Readability

White text on pinkNormal text at 16px. The quick brown fox jumps over the lazy dog.
1.54:1
  • Fails AA and AAA
Dark text on pinkNormal text at 16px. The quick brown fox jumps over the lazy dog.
13.65:1
  • Passes AA normal
  • Passes AA large
  • Passes AAA normal
  • Passes AAA large

Colors that go with pink

#FFC0CB#C0FFF4

Complementary

The opposite on the color wheel
#FFC0EA#FFC0CB#FFD5C0

Analogous

Its two neighbors
#FFC0CB#CBFFC0#C0CBFF

Triadic

Three evenly spaced colors
#FFC0CB#C0FFD5#C0EAFF

Split-complementary

The two colors beside its opposite

Pink color palettes

Monochrome

Lighter and darker versions of the same color.

Analogous

Neighbors on the color wheel, for a calm, related look.

Complementary

The color with its opposite, for strong contrast.

Triadic

Three colors evenly spaced around the wheel, with a light and dark version.

Similar colors

  • Bubblegum Pink#FFC1CC
  • Cherry Blossom Pink#FFB7C5
  • Light Pink#FFB6C1
  • Orchid Pink#F2BDCD
  • Baby Pink#F4C2C2
  • Carnation Pink#FFA6C9
  • Pastel Pink#DEA5A4
  • Light Purple#D8BFD8
Shades of pinkEvery named pink shade with hex codes

Use pink in a tool

Check text contrast with pinkMix pink with other colorsBuild an accessible palette from pink

Questions about pink

What is the hex code for pink?

The hex code for pink is #FFC0CB. In RGB it's rgb(255, 192, 203), and in HSL it's hsl(350, 100%, 88%).

What colors go with pink?

Its complementary color is #C0FFF4. For a calmer look, try the analogous colors #FFC0EA and #FFD5C0, or one of the palettes above, which all include pink.

Is text readable on pink?

Dark text is the better choice, with a contrast ratio of 13.65:1. That passes WCAG AA for normal text.