#15869c
#bff29f
#e1bcc3
Candy
#15869c
#bff29f
#e1bcc3
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Green
Pink
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #15869c | rgb(21, 134, 156) | hsl(190 76% 35%) | oklab(57% -0.08 -0.06) | oklch(57% 0.1 220) | color(display-p3 0.24 0.52 0.6) | |
| | #bff29f | rgb(191, 242, 159) | hsl(97 76% 79%) | oklab(91% -0.08 0.09) | oklch(91% 0.12 130) | color(display-p3 0.79 0.94 0.66) | |
| | #e1bcc3 | rgb(225, 188, 195) | hsl(350 38% 81%) | oklab(83% 0.04 0) | oklch(83% 0.04 5.3) | color(display-p3 0.86 0.74 0.76) |
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.
#15869c
AA - 4.26
#bff29f
AA - 1.27
#e1bcc3
AA - 1.72
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