Bubble gum pink Color — HEX, RGB, HSL & CMYK Codes

#ff69af
Format Value
HEX #ff69af
RGB rgb(255, 105, 175)
HSL hsl(332, 100%, 70.6%)
CMYK cmyk(0%, 58.8%, 31.4%, 0%)
HSV hsv(332, 58.8%, 100%)

bubble gum pink color harmonies

Tints & shades of bubble gum pink

Tints (lighter)

#ff77b6 #ff84be #ff92c5 #ffa0cc #ffadd3 #ffbbdb #ffc8e2 #ffd6e9 #ffe4f0 #fff1f8

Shades (darker)

#e85f9f #d1568f #b94c7f #a2436f #8b395f #743050 #5d2640 #461d30 #2e1320 #170a10

Contrast & accessibility

The quick brown fox

On white · 2.66:1 · Fail

The quick brown fox

On black · 7.89:1 · AAA

Recommended text color: #000000

Use bubble gum pink in code

CSS color: #ff69af;
SCSS $color: #ff69af;
Tailwind bg-[#ff69af]
Swift UIColor(red: 1.000, green: 0.412, blue: 0.686, alpha: 1)
Android Color.parseColor("#ff69af")
Flutter Color(0xFFFF69AF)

Colors similar to bubble gum pink

Browse all Pink colors →

What is the HEX code for bubble gum pink?

The CSS color bubble gum pink in HEX format is #ff69af. Use this value directly in CSS, SVG, and most design tools.

How do I use bubble gum pink in CSS?

To apply bubble gum pink in CSS:

  • Text color: color: #ff69af;
  • Background: background-color: #ff69af;
  • Border: border-color: #ff69af;

What are all the color format values for bubble gum pink?

FormatValue
HEX#ff69af
RGBrgb(255, 105, 175)
HSLhsl(332, 100%, 70.6%)
CMYKcmyk(0%, 58.8%, 31.4%, 0%)

How do I convert bubble gum pink to HEX?

Select bubble gum pink from the color name list in our color converter. The HEX value — #ff69af — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does bubble gum pink belong to?

bubble gum pink belongs to the pink color family. It is a light, vivid color with HSL values: hue 332°, saturation 100%, lightness 70.6%.

How do I create lighter and darker shades of bubble gum pink?

Lighter variant (lightness 85.6%): #ffb6d8. Darker variant (lightness 55.599999999999994%): #ff1d86. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HEX used for?

HEX color codes are used in CSS, HTML and design tools. They encode red, green and blue as two hexadecimal digits each (00–FF), forming a compact 6-character code like #ff0000.