#e20248
#fe79c8
#fdb7f3
#fcd47d
#cd87a1
Pink Danio
#e20248
#fe79c8
#fdb7f3
#fcd47d
#cd87a1
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #e20248 | rgb(226, 2, 72) | hsl(340 98% 45%) | oklab(58% 0.22 0.06) | oklch(58% 0.23 16) | color(display-p3 0.81 0.17 0.3) | |
| #fe79c8 | rgb(254, 121, 200) | hsl(320 99% 74%) | oklab(75% 0.18 -0.05) | oklch(75% 0.18 350) | color(display-p3 0.93 0.5 0.77) | |
| #fdb7f3 | rgb(253, 183, 243) | hsl(310 95% 85%) | oklab(86% 0.1 -0.05) | oklch(86% 0.11 330) | color(display-p3 0.95 0.73 0.94) | |
| #fcd47d | rgb(252, 212, 125) | hsl(41 95% 74%) | oklab(89% 0.01 0.11) | oklch(89% 0.12 85) | color(display-p3 0.96 0.84 0.54) | |
| #cd87a1 | rgb(205, 135, 161) | hsl(340 41% 67%) | oklab(70% 0.09 -0.01) | oklch(70% 0.09 360) | color(display-p3 0.76 0.54 0.63) |
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.
#e20248
AA - 4.84
#fe79c8
AA - 2.39
#fdb7f3
AA - 1.58
#fcd47d
AA - 1.41
#cd87a1
AA - 2.77
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