Pink #FFC0CB

Pink, defined in CSS as #FFC0CB, is a pale tint of red with a slight cool lean. Light and gently saturated, it sits far closer to white than to red. Common associations include cherry blossoms, candy, baby clothes and the pink ribbon used for breast cancer awareness.

#FFC0CB is the CSS keyword pink. CSS also defines lightpink #FFB6C1, hotpink #FF69B4 and deeppink #FF1493 for other shades.

Pink color codes
HEX#FFC0CB
RGBrgb(255, 192, 203)
HSLhsl(350, 100%, 88%)
HSVhsv(350, 25%, 100%)
CMYKcmyk(0%, 25%, 20%, 0%)

Text on Pink

Black text reads better on Pink. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.

White text

The quick brown fox jumps over the lazy dog.

1.53:1 · Fail
Black text

The quick brown fox jumps over the lazy dog.

13.65:1 · AAA

Colors that go with Pink

Pink tints and shades

Tints mix Pink with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.

Tints

#FFC9D3
#FFD3DB
#FFDCE2
#FFE6EA
#FFEFF2

Shades

#D9A3AD
#B3868E
#8C6A70
#664D51
#403033

Pink color schemes

Color-wheel harmonies built by rotating the hue of #FFC0CB and keeping its saturation and lightness.

Complementary

#FFC0CB
#C0FFF4

Analogous

#FFC0EA
#FFC0CB
#FFD5C0

Triadic

#FFC0CB
#CBFFC0
#C0CBFF

Split complementary

#FFC0CB
#C0FFD5
#C0EAFF

Tetradic

#FFC0CB
#EAFFC0
#C0FFF4
#D5C0FF

Pink color meaning

Pink is usually read as gentle, affectionate and playful. It takes the warmth of red and softens it, so it feels caring instead of urgent. Tenderness, romance and sweetness are the most common associations.

Its link to girls is more recent than many people assume. In the United States, the convention of pink for girls and blue for boys became firmly established around the middle of the twentieth century. Brands have since used pink both to market to women and, more recently, to play with or push back on that idea.

In Japan, pink is closely tied to cherry blossoms and spring. The pink ribbon is now a widely recognized symbol of breast cancer awareness. Other meanings vary by country, so check local associations before using pink in international work.

How to use Pink in design

Pale pink #FFC0CB works well as a background or section color for beauty, wellness, bakeries, kids' products and fashion. Text on it needs to be dark: black, charcoal or deep burgundy read clearly, and white text almost disappears. Use it for cards, highlights and social post backgrounds, and keep it away from text and thin icons.

In interiors, soft pink walls look warmer in rooms with natural light, and pink pairs well with green plants, brass and wood. Pale pink shirts and suits are also a common way to add color to menswear.

Palettes with Pink tones

Curated palettes with a color close to #FFC0CB.

Colors similar to Pink

Work with Pink

Pink FAQ

What colors go with pink?

Dark neutrals like charcoal and navy give pink structure and make text readable. Greens, especially sage and mint, sit near its complement and feel fresh beside it. For a tonal look, pair pink with burgundy or rose. Gold and cream add warmth for weddings, packaging and interiors.

Is pink a warm or cool color?

It depends on the pink. Pinks that lean toward peach or coral are warm, and pinks that lean toward lilac or magenta are cool. CSS pink #FFC0CB has a slight blue lean, so it sits on the cool side, though at such a light tint it reads as fairly neutral.