#cd2a62
#e0648e
#e98ead
#66e1b8
#29cf96
Bubble Gum
#cd2a62
#e0648e
#e98ead
#66e1b8
#29cf96
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Cyan
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #cd2a62 | rgb(205, 42, 98) | hsl(340 66% 48%) | oklab(56% 0.2 0.02) | oklch(56% 0.2 6.6) | color(display-p3 0.74 0.23 0.39) | |
| #e0648e | rgb(224, 100, 142) | hsl(340 67% 64%) | oklab(67% 0.16 0) | oklch(67% 0.16 1.1) | color(display-p3 0.82 0.42 0.55) | |
| #e98ead | rgb(233, 142, 173) | hsl(340 67% 74%) | oklab(75% 0.12 0) | oklch(75% 0.12 360) | color(display-p3 0.86 0.57 0.68) | |
| #66e1b8 | rgb(102, 225, 184) | hsl(160 67% 64%) | oklab(83% -0.12 0.02) | oklch(83% 0.13 170) | color(display-p3 0.53 0.87 0.73) | |
| #29cf96 | rgb(41, 207, 150) | hsl(160 67% 49%) | oklab(76% -0.15 0.04) | oklch(76% 0.15 160) | color(display-p3 0.39 0.8 0.6) |
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.
#cd2a62
AA - 5.11
#e0648e
AA - 3.29
#e98ead
AA - 2.34
#66e1b8
AA - 1.61
#29cf96
AA - 2
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 gradient in different UI components.
PWA prompt