#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 | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #b8bdf2 | rgb(184, 189, 242) | hsl(230 69% 84%) | oklab(81% 0.01 -0.07) | oklch(81% 0.07 280) | color(display-p3 0.73 0.74 0.93) | |
| #f2b8bd | rgb(242, 184, 189) | hsl(350 69% 84%) | oklab(84% 0.07 0.02) | oklch(84% 0.07 13) | color(display-p3 0.91 0.73 0.74) | |
| #d4f2b8 | rgb(212, 242, 184) | hsl(91 69% 84%) | oklab(92% -0.05 0.06) | oklch(92% 0.08 130) | color(display-p3 0.85 0.95 0.74) |
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.
#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