#cdf6d7
#8ceaa2
#8ca6ea
#ea8cd5
#ead18c
Pastel
#cdf6d7
#8ceaa2
#8ca6ea
#ea8cd5
#ead18c
Actions
Explore the palette in different formats, and actions.
Colors overview
Green
Blue
Pink
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #cdf6d7 | rgb(205, 246, 215) | hsl(130 69% 88%) | oklab(94% -0.05 0.03) | oklch(94% 0.06 150) | color(display-p3 0.84 0.96 0.85) | |
| #8ceaa2 | rgb(140, 234, 162) | hsl(130 69% 73%) | oklab(86% -0.12 0.07) | oklch(86% 0.13 150) | color(display-p3 0.64 0.91 0.66) | |
| #8ca6ea | rgb(140, 166, 234) | hsl(220 69% 73%) | oklab(73% 0 -0.1) | oklch(73% 0.1 270) | color(display-p3 0.57 0.65 0.9) | |
| #ea8cd5 | rgb(234, 140, 213) | hsl(310 69% 73%) | oklab(76% 0.13 -0.06) | oklch(76% 0.15 340) | color(display-p3 0.87 0.57 0.82) | |
| #ead18c | rgb(234, 209, 140) | hsl(44 69% 73%) | oklab(87% 0 0.09) | oklch(87% 0.09 90) | color(display-p3 0.9 0.82 0.58) |
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.
#cdf6d7
AA - 1.18
#8ceaa2
AA - 1.45
#8ca6ea
AA - 2.39
#ea8cd5
AA - 2.27
#ead18c
AA - 1.5
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