Skip to content

Bubblegum Pink #ffc1cc

Pink at its most carefree.

RGB
255, 193, 204
HSL
349°, 100%, 88%
CMYK
0, 24, 20, 0
Luminance
0.6376

About Bubblegum Pink

Bubblegum pink, #ffc1cc, is pink with candy sweetness — soft, playful and unmistakably fun. It is named for the confection whose original pink was an accident: the only food dye the inventor had left over was pink.

History

Walter Diemer’s 1928 bubblegum was pink purely because that was the dye on hand; the color became gum’s permanent identity and, by extension, the shorthand for sugary innocence. Toys, arcades and 1950s Americana ran on it.

Psychology

Bubblegum reads playful, youthful and sweet — the least serious pink, deployed for fun without irony. It signals childhood, candy and carefree.

In design

Bubblegum is a soft accent and surface tint: charming on charcoal, useless as text. Pair with mint, sky blue and lemon (the candy set), charcoal for pop-contrast. Kids’, confection and playful lifestyle brands adore it.

In culture

Bubblegum pop, bubblegum machines, blowing the perfect bubble: the accidental pink that became the flavor of fun itself.

Brands that own bubblegum pink

Shades of bubblegum pink

Every format

HEX#ffc1cc
RGBrgb(255, 193, 204)
HSLhsl(349, 100%, 88%)
CMYKcmyk(0%, 24%, 20%, 0%)
LABlab(83.8 23.8 3.2)
LCHlch(83.8 24.0 7.6)
OKLCHoklch(0.870 0.072 6.9)

Copy-ready code

/* CSS */
color: #ffc1cc;
background-color: #ffc1cc;
/* Tailwind (arbitrary) */
class="text-[#ffc1cc] bg-[#ffc1cc]"
/* SCSS */
$brand: #ffc1cc;
/* SwiftUI */
Color(red: 1.000, green: 0.757, blue: 0.800)
/* Android */
Color.parseColor("#ffc1cc")

Accessibility — WCAG contrast

Aa
#ffc1cc on white: 1.53:1
AA ✗ fail · AA-large · AAA
Aa
#ffc1cc on black: 13.75:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green75.7%
Blue80.0%

CMYK percentages

Cyan0.0%
Magenta24.3%
Yellow20.0%
Key (black)0.0%

Color previews

#ffc1cc text on a black background

contrast 13.75:1

Card sample

#ffc1cc text on a white background

contrast 1.53:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ffc1cc;
Background color
Panel with #ffc1cc background
background-color: #ffc1cc;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ffc1cc;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 193, 204, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 193, 204, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ffc1cc;
background: linear-gradient(135deg, #ffc1cc, #FFDFC1);

Monochromatic scale

Palettes built from #ffc1cc

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Bubblegum Pink, answered

What is the hex code for bubblegum pink?

Bubblegum pink is around #ffc1cc — a soft candy pink; cotton candy runs a touch cooler at #ffbcd9.

Why is bubblegum pink?

Accident: inventor Walter Diemer only had pink dye left when he perfected the recipe in 1928. The color stuck permanently.

What pairs with bubblegum pink?

Mint, sky blue and lemon (candy palette), charcoal for contrast, white for clean sweetness.

Work with #ffc1cc in the Color Lab