#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 | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #cdf6d7 | rgb(205, 246, 215) | hsl(130 69% 88%) | hwb(130 80% 3.5%) | lch(93.4 20.8 150) | lab(93.4 -18.1 10.4) | cmyk 17%, 0%, 13%, 4% | |
| #8ceaa2 | rgb(140, 234, 162) | hsl(130 69% 73%) | hwb(130 55% 8.2%) | lch(85.5 48.1 147) | lab(85.5 -40.5 26) | cmyk 40%, 0%, 31%, 8% | |
| #8ca6ea | rgb(140, 166, 234) | hsl(220 69% 73%) | hwb(220 55% 8.2%) | lch(68.1 37.7 275) | lab(68.1 3.57 -37.6) | cmyk 40%, 29%, 0%, 8% | |
| #ea8cd5 | rgb(234, 140, 213) | hsl(310 69% 73%) | hwb(310 55% 8.2%) | lch(70.3 49.2 334) | lab(70.3 44 -21.8) | cmyk 0%, 40%, 9%, 8% | |
| #ead18c | rgb(234, 209, 140) | hsl(44 69% 73%) | hwb(44 55% 8.2%) | lch(84.8 37.6 86.8) | lab(84.8 2.11 37.6) | cmyk 0%, 11%, 40%, 8% |
Click a color format to copy 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