#87005a
#cd0088
#f249db
#9bf9e0
#fff6f2
Candy
#87005a
#cd0088
#f249db
#9bf9e0
#fff6f2
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Cyan
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #87005a | rgb(135, 0, 90) | hsl(320 100% 26%) | oklab(41% 0.17 -0.03) | oklch(41% 0.17 350) | color(display-p3 0.48 0.09 0.34) | |
| #cd0088 | rgb(205, 0, 136) | hsl(320 100% 40%) | oklab(56% 0.23 -0.04) | oklch(56% 0.23 350) | color(display-p3 0.74 0.15 0.52) | |
| #f249db | rgb(242, 73, 219) | hsl(310 87% 62%) | oklab(69% 0.23 -0.11) | oklch(69% 0.25 330) | color(display-p3 0.88 0.34 0.84) | |
| #9bf9e0 | rgb(155, 249, 224) | hsl(160 89% 79%) | oklab(92% -0.1 0.01) | oklch(92% 0.1 180) | color(display-p3 0.69 0.97 0.88) | |
| #fff6f2 | rgb(255, 246, 242) | hsl(18 100% 97%) | oklab(98% 0.01 0.01) | oklch(98% 0.01 46) | color(display-p3 0.99 0.97 0.95) |
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.
#87005a
AAA - 9.64
#cd0088
AA - 5.31
#f249db
AA - 3.11
#9bf9e0
AA - 1.23
#fff6f2
AA - 1.06
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