#bcf3d4
#10965b
#fca4ba
#8f2975
#082744
Neon Cherry
#bcf3d4
#10965b
#fca4ba
#8f2975
#082744
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Green
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #bcf3d4 | rgb(188, 243, 212) | hsl(150 70% 85%) | oklab(92% -0.07 0.02) | oklch(92% 0.07 160) | color(display-p3 0.78 0.95 0.84) | |
| | #10965b | rgb(16, 150, 91) | hsl(150 81% 33%) | oklab(59% -0.13 0.06) | oklch(59% 0.14 160) | color(display-p3 0.27 0.58 0.38) | |
| | #fca4ba | rgb(252, 164, 186) | hsl(350 94% 82%) | oklab(81% 0.11 0.01) | oklch(81% 0.11 3.5) | color(display-p3 0.94 0.66 0.73) | |
| | #8f2975 | rgb(143, 41, 117) | hsl(320 55% 36%) | oklab(46% 0.15 -0.06) | oklch(46% 0.16 340) | color(display-p3 0.52 0.19 0.45) | |
| | #082744 | rgb(8, 39, 68) | hsl(210 79% 15%) | oklab(27% -0.02 -0.06) | oklch(27% 0.06 250) | color(display-p3 0.07 0.15 0.26) |
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.
#bcf3d4
AA - 1.24
#10965b
AA - 3.79
#fca4ba
AA - 1.88
#8f2975
AAA - 7.65
#082744
AAA - 15.17
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