#FFC1CC
Pink family

Bubblegum

Also known as: playful · sweet · whimsical · bright · youthful
Save
Hex #FFC1CC
RGB rgb(255, 193, 204)
HSL hsl(349°, 100%, 88%)
CMYK 0 · 24 · 20 · 0

Meaning

In Western cultures, Bubblegum is often linked to innocence, joy, and playfulness, making it a favorite in children's products. However, in some Eastern cultures, such bright hues can symbolize caution or alertness, showcasing a contrast in cultural interpretations.

The term 'bubblegum' emerged in the United States in the 1930s, particularly after Walter Diemer invented the first successful bubblegum in 1928. The color itself gained prominence in the 1950s as a staple in fashion and design, inspired by the vibrant hues of the gum.

playfulsweetwhimsicalbrightyouthful

Similar colors

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

All 25 Pinks →

Shades & tints

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

-40% #85646A
-30% #A37C83
-20% #C2939B
-10% #E0AAB4
BASE #FFC1CC
+15% #FFC8D2
+30% #FFD0D8
+50% #FFD7DE
+70% #FFDFE4

Complementary

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

Palettes

Curated 5-color combinations featuring Bubblegum.

#FFC1CC
#FF6F61
#F5F5F5
#FFB3BA
#FF9AA2

Candyland Delight

Sweet fun
#FFC1CC
#A8DADC
#FFFFFF
#F1FAEE
#457B9D

Dreamy Pastels

Soft serenity
#FFC1CC
#F6F2A3
#2C2C2C
#FFC93C
#FF6B6B

Joyful Celebration

Vibrant energy

Used by

Brands and institutions known for using Bubblegum.

T-MobileBarbie

Bubblegum scale

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

50 #FFFAFB
100 #FFF4F6
200 #FFE7EC
300 #FFDBE1
400 #FFCED7
500 #FFC1CC
600 #D19EA7
700 #A87F87
800 #806166
900 #574245

Accessibility

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

Aa Best text color: #000000 · 13.75:1
Bubblegum as text on… Ratio AA AAA
Aa White background 1.53:1 Fail Fail
Aa Black background 13.75: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 #FFC1CC

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

CSS color: #FFC1CC;
CSS color-mix (lighten 30%) color-mix(in srgb, #FFC1CC 70%, white)
HSV / HSB 349°, 24%, 100%
CMYK (print) 0, 24, 20, 0
Decimal 16761292
Nearest web-safe #FFCCCC

Color vision

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

Normal vision

#FFC1CC

Protanopia (no red)

#E4E4C9

Deuteranopia (no green)

#E8ECC9

Tritanopia (no blue)

#FCC7C7
Baby Pink
10 / 25 Pinks Coral Pink
Copied!