#b8bdf2
#f2b8bd
#d4f2b8
Light Pastel
#b8bdf2
#f2b8bd
#d4f2b8
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Orange
Green
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #b8bdf2 | rgb(184, 189, 242) | hsl(230 69% 84%) | hwb(230 72% 5.1%) | lch(77.6 27.9 284) | lab(77.6 6.67 -27.1) | cmyk 24%, 22%, 0%, 5% | |
| #f2b8bd | rgb(242, 184, 189) | hsl(350 69% 84%) | hwb(350 72% 5.1%) | lch(80.3 22.9 15.3) | lab(80.3 22.1 6.04) | cmyk 0%, 24%, 22%, 5% | |
| #d4f2b8 | rgb(212, 242, 184) | hsl(91 69% 84%) | hwb(91 72% 5.1%) | lch(92.2 30.3 126) | lab(92.2 -17.6 24.7) | cmyk 12%, 0%, 24%, 5% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#b8bdf2
AA - 1.81
#f2b8bd
AA - 1.69
#d4f2b8
AA - 1.22
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