pinkwarmCC0 survey name

Bubblegum Pink #FE83CC

Bubblegum Pink is a light, vivid warm color (#FE83CC; HSL 324° 98% 75%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “bubblegum pink”.

Use cases: Soft UI · Romantic palettes

Open in generator →

Families: Pinks

Color values

FormatValue
HEX#FE83CC
RGBrgb(254, 131, 204)
HSLhsl(324, 98%, 75%)
HSVhsv(324, 48%, 100%)
OKLCHoklch(76.9% 0.17 345.3)
OKLaboklab(76.9% 0.1646 -0.0433)
CMYKcmyk(0%, 48.4%, 19.7%, 0.4%)
XYZxyz(59.8897, 41.6677, 62.0034)
CIE-LABlab(70.6, 55.2, -16.4)
CIE-LCHlch(70.6, 57.6, 343.5°)
Luminance0.417 (WCAG relative)
/* Bubblegum Pink */ --bubblegum-pink: #fe83cc; color: #fe83cc; background-color: #fe83cc;

Source: xkcd color survey name (public domain, CC0).

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e275b5 #c6689f #ab5b8a #914e75 #774261 #5f364d #472a3a #311e29 #1c1318 #000000

Tints (toward white)

#ff91d1 #ff9ed6 #ffaadb #ffb7e0 #ffc3e5 #ffcfea #ffdbf0 #ffe7f5 #fff3fa #ffffff

Tones (toward gray)

#f789c9 #ef8ec6 #e792c3 #df97c0 #d89bbc #cf9fb9 #c7a3b6 #bfa6b3 #b6aab0 #adadad

Color harmonies

Complementary

Edit in generator →
#FE83CC
#83FEB5
#fe83cc #83feb5

Analogous

Edit in generator →
#F283FE
#FE83CC
#FE838E
#f283fe #fe83cc #fe838e

Triadic

Edit in generator →
#FE83CC
#CCFE83
#83CCFE
#fe83cc #ccfe83 #83ccfe

Tetradic

Edit in generator →
#FE83CC
#FEF283
#83FEB5
#838EFE
#fe83cc #fef283 #83feb5 #838efe

Square

Edit in generator →
#FE83CC
#FEF283
#83FEB5
#838EFE
#fe83cc #fef283 #83feb5 #838efe

Split Complementary

Edit in generator →
#FE83CC
#8EFE83
#83FEF2
#fe83cc #8efe83 #83fef2

Monochromatic

Edit in generator →
#FD0A9A
#FE46B3
#FE83CC
#FEC0E5
#FFE1F3
#fd0a9a #fe46b3 #fe83cc #fec0e5 #ffe1f3

Accessibility & contrast

2.25
#FE83CC on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
9.33
#FE83CC on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on bubblegum pink

9.33
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#8DA0CE
Deuteranopia (green-blind)
#AEB4C9
Tritanopia (blue-blind)
#FF829F

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Hot Pink #FF69B45.60
Lavender Pink #DD85D77.26
Purply Pink #F075E67.97
Violet (CSS) #EE82EE8.33
Pinky #FC86AA8.37
Carnation Pink #FF7FA78.38

Colors that go with bubblegum pink

Top matches by hue harmony, contrast and saturation compatibility.

Burgundy #800020
4.8:1
Analogous hue (Δh ≈21°) — neighbors on the color wheel
Deep Purple #36013F
7.6:1
Analogous hue (Δh ≈33°) — neighbors on the color wheel
Navy Green #35530A
3.9:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Racing Green #014600
5.0:1
Split-complementary angle (Δh ≈155°) — strong but softer than direct complement
Pine Green #0A481E
4.8:1
Complementary hue (Δh ≈175°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.