#7b7477
#e1d4da
#f5e8f4
#fefcff
#eeebf5
Winter
#7b7477
#e1d4da
#f5e8f4
#fefcff
#eeebf5
Actions
Explore the palette in different formats, and actions.
Colors overview
Grey
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #7b7477 | rgb(123, 116, 119) | hsl(330 2.9% 47%) | oklab(57% 0.01 0) | oklch(57% 0.01 350) | color(display-p3 0.48 0.46 0.47) | |
| #e1d4da | rgb(225, 212, 218) | hsl(330 18% 86%) | oklab(88% 0.02 0) | oklch(88% 0.02 350) | color(display-p3 0.87 0.83 0.85) | |
| #f5e8f4 | rgb(245, 232, 244) | hsl(300 39% 94%) | oklab(94% 0.02 -0.01) | oklch(94% 0.02 330) | color(display-p3 0.95 0.91 0.95) | |
| #fefcff | rgb(254, 252, 255) | hsl(280 100% 99%) | oklab(99% 0 0) | oklch(99% 0 310) | color(display-p3 0.99 0.99 1) | |
| #eeebf5 | rgb(238, 235, 245) | hsl(260 33% 94%) | oklab(95% 0.01 -0.01) | oklch(95% 0.01 300) | color(display-p3 0.93 0.92 0.96) |
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.
#7b7477
AA - 4.55
#e1d4da
AA - 1.43
#f5e8f4
AA - 1.18
#fefcff
AA - 1.02
#eeebf5
AA - 1.17
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