#f3ede3
#ced7e0
#a6b3bf
#708aa6
#4b627a
Ghost
#f3ede3
#ced7e0
#a6b3bf
#708aa6
#4b627a
Actions
Explore the palette in different formats, and actions.
Colors overview
Grey
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #f3ede3 | rgb(243, 237, 227) | hsl(38 40% 92%) | oklab(95% 0 0.01) | oklch(95% 0.01 81) | color(display-p3 0.95 0.93 0.89) | |
| #ced7e0 | rgb(206, 215, 224) | hsl(210 22% 84%) | oklab(87% -0.01 -0.01) | oklch(87% 0.02 250) | color(display-p3 0.81 0.84 0.87) | |
| #a6b3bf | rgb(166, 179, 191) | hsl(210 16% 70%) | oklab(76% -0.01 -0.02) | oklch(76% 0.02 250) | color(display-p3 0.66 0.7 0.74) | |
| #708aa6 | rgb(112, 138, 166) | hsl(210 23% 55%) | oklab(62% -0.02 -0.05) | oklch(62% 0.05 250) | color(display-p3 0.46 0.54 0.64) | |
| #4b627a | rgb(75, 98, 122) | hsl(210 24% 39%) | oklab(49% -0.02 -0.04) | oklch(49% 0.05 250) | color(display-p3 0.31 0.38 0.47) |
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.
#f3ede3
AA - 1.16
#ced7e0
AA - 1.45
#a6b3bf
AA - 2.13
#708aa6
AA - 3.57
#4b627a
AA - 6.31
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