#cd2a62
#e0648e
#e98ead
#66e1b8
#29cf96
Color Palette
Bubble Gum
by Colorffy Team
About
Pink
Cyan
food
neon
Main Actions
#cd2a62
#e0648e
#e98ead
#66e1b8
#29cf96
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #cd2a62 | rgb(80.4% 16.5% 38.4%) | hwb(340 16% 20%) | oklab(56.3% 0.198 0.023) | oklch(56.3% 0.199 6.59) | color(display-p3 0.739 0.228 0.386) | |
| | #e0648e | rgb(87.8% 39.2% 55.7%) | hwb(340 39% 12%) | oklab(66.6% 0.16 0.003) | oklch(66.6% 0.16 1.13) | color(display-p3 0.819 0.421 0.555) | |
| | #e98ead | rgb(91.4% 55.7% 67.8%) | hwb(340 56% 8.6%) | oklab(75% 0.116 -0.003) | oklch(75% 0.116 358) | color(display-p3 0.864 0.574 0.676) | |
| | #66e1b8 | rgb(40% 88.2% 72.2%) | hwb(160 40% 12%) | oklab(82.8% -0.123 0.025) | oklch(82.8% 0.126 169) | color(display-p3 0.53 0.872 0.731) | |
| | #29cf96 | rgb(16.1% 81.2% 58.8%) | hwb(160 16% 19%) | oklab(76% -0.148 0.043) | oklch(76% 0.154 164) | color(display-p3 0.394 0.8 0.604) |
Click on a color value to copy it to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#cd2a62
AA - 5.11
Lc -79
#e0648e
Fail - 3.29
Lc -65
#e98ead
Fail - 2.34
Lc -51
#66e1b8
Fail - 1.61
Lc -31
#29cf96
Fail - 2
Lc -43
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with Protanopia
Colors preview as palette with Protanopia
UI components preview
Preview the palette in different UI components.
PWA Prompt