Pink Color

Pink is the hex color #FFC0CB. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

Copy #FFC0CB Open in picker Save

Pink color codes

HEX: #FFC0CB
HEX8: #FFC0CBFF
HEX8 (Android): #FFFFC0CB
RGB: rgb(255, 192, 203)
RGB (%): 100%, 75%, 80%
HSL: hsl(350, 100%, 88%)
HSV / HSB: hsv(350, 25%, 100%)
CMYK: cmyk(0%, 25%, 20%, 0%)
OKLCH: oklch(0.8677 0.0735 7.09)
OKLCH (%): oklch(86.77% 0.0735 7.09)
Decimal: 16761035

What color is #FFC0CB?

#FFC0CB is the web color Pink. In the RGB model it’s 100% red, 75% green, and 80% blue; in HSL it has a hue of 350°, 100% saturation, and 88% lightness. It’s a soft, light, slightly red‑leaning pink — the gentle “baby pink” of the web, distinct from the vivid Hot Pink #FF69B4 and Deep Pink #FF1493.

The meaning of Pink

Pink conveys warmth, playfulness, romance, and compassion. Lighter pinks feel gentle and calming, while vivid pinks read as energetic, bold, and modern.

Where Pink is used

Pink is common in beauty, fashion, wellness, and confectionery brands, and increasingly in tech for a friendly, contemporary feel. Soft pink #FFC0CB works as a gentle background; for accents and buttons, brighter pinks like Hot Pink #FF69B4 or Deep Pink #FF1493 carry more impact.

Shades and tints of Pink

Tints

#FFCDD5 Pink

#FFD9E0 MistyRose

#FFE6EA MistyRose

#FFF2F5 LavenderBlush

Shades

#CC9AA2 RosyBrown

#99737A RosyBrown

#664D51 DimGray

#332629 Black

Pink color harmonies

Complementary

#FFC0CB Pink

#C0FFF4 PaleTurquoise

Analogous

#FFC0CB Pink

#FFC0EB Plum

#FFD4C0 PeachPuff

Triadic

#FFC0CB Pink

#CBFFC0 PaleGreen

#C0CBFF LightSteelBlue

Split-complementary

#FFC0CB Pink

#C0FFD5 Aquamarine

#C0EBFF LightBlue

Using Pink in CSS

.text       { color: #FFC0CB; }
.background { background-color: #FFC0CB; }
.border     { border: 2px solid #FFC0CB; }

/* Modern, perceptually uniform */
.text { color: oklch(0.8677 0.0735 7.09); }

/* Pink at 50% transparency */
.overlay { background-color: #FFC0CB80; }

Is Pink accessible?

Pink on white text scores 1.54:1; on black text it scores 13.65:1. Black text passes WCAG AAA on pink; white text fails. Recommended text color on a Pink background: black.

A 13.65:1 vs black

A 1.54:1 vs white

AA normal ≥ 4.5 Pass
AA large ≥ 3 Pass
AAA normal ≥ 7 Pass
AAA large ≥ 4.5 Pass

Recommended text color: black

CSS contrast-color() contrast-color(#FFC0CB) → black

APCA Lc experimental 79 Lc · body text (black text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Pink variations and related colors

Hot Pink #FF69B4 Deep Pink #FF1493 Light Pink #FFB6C1 Salmon #FA8072

Frequently asked questions

What is the hex code for pink?: The hex code for pink is #FFC0CB (rgb(255, 192, 203)). Hot pink is #FF69B4 and deep pink is #FF1493.
Is pink a warm or cool color?: Pink is generally warm, sitting next to red on the color wheel, though it leans cool when mixed toward purple.
What text color works on pink?: Black — black text on #FFC0CB has a 13.65:1 contrast ratio (WCAG AAA), while white text fails.

Last updated June 21, 2026

Open Pink in the color picker

Drag, fine-tune, and copy #FFC0CB in every format, or jump to a related page.

Open Pink in the color picker