#FFBCD9
Pink family

Cotton Candy

Also known as: playful · whimsical · sweet · delicate · lighthearted
Save
Hex #FFBCD9
RGB rgb(255, 188, 217)
HSL hsl(334°, 100%, 87%)
CMYK 0 · 26 · 15 · 0

Meaning

In Western cultures, Cotton Candy symbolizes childhood joy and nostalgia, often linked to festivals and carefree moments. However, in some contexts, its lightness can also suggest fragility or transience.

The term 'cotton candy' emerged in the early 20th century, with the confection being patented in 1897 by dentist William Morrison and confectioner John C. Wharton. The color became associated with the treat as it gained popularity at carnivals and amusement parks.

playfulwhimsicalsweetdelicatelighthearted

Similar colors

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

All 25 Pinks →

Shades & tints

Nine steps of Cotton Candy by lightness — from #856271 (darkest) to #FFDCEB (lightest). Click any to copy.

-40% #856271
-30% #A3788B
-20% #C28FA5
-10% #E0A5BF
BASE #FFBCD9
+15% #FFC4DE
+30% #FFCCE2
+50% #FFD4E7
+70% #FFDCEB

Complementary

Sitting opposite Cotton Candy at 154° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Cotton Candy.

#FFBCD9
#FFC0CB
#FFFFFF
#B0E0E6
#FFD700

Sweet Whimsy

Joyful Celebration
#FFBCD9
#E6E6FA
#F5F5DC
#FFB6C1
#FFF0F5

Pastel Dreams

Soft Serenity
#FFBCD9
#FF4500
#FFD700
#4682B4
#32CD32

Carnival Delight

Festive Energy

Cotton Candy scale

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

50 #FFFAFC
100 #FFF3F8
200 #FFE6F1
300 #FFD8E9
400 #FFCAE1
500 #FFBCD9
600 #D19AB2
700 #A87C8F
800 #805E6D
900 #57404A

Accessibility

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

Aa Best text color: #000000 · 13.45:1
Cotton Candy as text on… Ratio AA AAA
Aa White background 1.56:1 Fail Fail
Aa Black background 13.45: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 #FFBCD9

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

CSS color: #FFBCD9;
CSS color-mix (lighten 30%) color-mix(in srgb, #FFBCD9 70%, white)
HSV / HSB 334°, 26%, 100%
CMYK (print) 0, 26, 15, 0
Decimal 16760025
Nearest web-safe #FFCCCC

Color vision

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

Normal vision

#FFBCD9

Protanopia (no red)

#E2E1D2

Deuteranopia (no green)

#E6EBD0

Tritanopia (no blue)

#FCCCCB
Misty Rose
23 / 25 Pinks Cameo Pink
Copied!