#FFC0CB
Pink family

Pink

Also known as: playful · delicate · soft · sweet · feminine
Save
Hex #FFC0CB
RGB rgb(255, 192, 203)
HSL hsl(350°, 100%, 88%)
CMYK 0 · 25 · 20 · 0
CSS pink

Meaning

In Western cultures, pink often symbolizes love, compassion, and femininity, while in some East Asian cultures, it can represent spring and renewal. However, in certain contexts, pink can also signify fragility or innocence.

The term 'pink' originated in the late 15th century, initially referring to the flower. In the 18th century, the color became fashionable in European clothing, especially among the aristocracy, who wore it as a sign of wealth and status.

playfuldelicatesoftsweetfeminine

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Pink. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 25 Pinks →

Shades & tints

Nine steps of Pink by lightness — from #85646A (darkest) to #FFDEE4 (lightest). Click any to copy.

-40% #85646A
-30% #A37B82
-20% #C2929A
-10% #E0A9B3
BASE #FFC0CB
+15% #FFC8D1
+30% #FFCFD7
+50% #FFD7DE
+70% #FFDEE4

Complementary

Sitting opposite Pink at 170° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Pink.

#FFC0CB
#FF69B4
#FFFFFF
#FFD700
#9370DB

Blossom Breeze

Fresh Spring
#FFC0CB
#FFB6C1
#F5F5F5
#FF4500
#FFD700

Candy Land

Playful Vibes
#FFC0CB
#C71585
#2C2C2C
#B0E0E6
#FFF0F5

Romantic Evening

Elegant Charm

Used by

Brands and institutions known for using Pink.

BarbieVictoria's Secret

Pink scale

A 50–900 tonal scale with Pink anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FFFAFB
100 #FFF4F6
200 #FFE7EB
300 #FFDAE1
400 #FFCDD6
500 #FFC0CB
600 #D19DA6
700 #A87F86
800 #806066
900 #574145

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 13.65:1
Pink as text on… Ratio AA AAA
Aa White background 1.54:1 Fail Fail
Aa Black background 13.65:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #FFC0CB

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: pink;
CSS color-mix (lighten 30%) color-mix(in srgb, pink 70%, white)
HSV / HSB 350°, 25%, 100%
CMYK (print) 0, 25, 20, 0
Decimal 16761035
Nearest web-safe #FFCCCC

Color vision

How Pink appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#FFC0CB

Protanopia (no red)

#E4E3C8

Deuteranopia (no green)

#E7ECC8

Tritanopia (no blue)

#FCC6C6
1 / 25 Pinks Hot Pink
Copied!