#68747d
#a1b5c1
#eeedf0
#f9aca7
#cf365f
Space
#68747d
#a1b5c1
#eeedf0
#f9aca7
#cf365f
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
Pink
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #68747d | rgb(104, 116, 125) | hsl(210 9.2% 45%) | oklab(55% -0.01 -0.02) | oklch(55% 0.02 240) | color(display-p3 0.42 0.45 0.49) | |
| #a1b5c1 | rgb(161, 181, 193) | hsl(200 21% 69%) | oklab(76% -0.02 -0.02) | oklch(76% 0.03 230) | color(display-p3 0.65 0.71 0.75) | |
| #eeedf0 | rgb(238, 237, 240) | hsl(260 9.1% 94%) | oklab(95% 0 0) | oklch(95% 0 300) | color(display-p3 0.93 0.93 0.94) | |
| #f9aca7 | rgb(249, 172, 167) | hsl(3.7 87% 82%) | oklab(82% 0.08 0.04) | oklch(82% 0.09 23) | color(display-p3 0.93 0.69 0.66) | |
| #cf365f | rgb(207, 54, 95) | hsl(340 61% 51%) | oklab(58% 0.19 0.03) | oklch(58% 0.19 10) | color(display-p3 0.75 0.26 0.38) |
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.
#68747d
AA - 4.79
#a1b5c1
AA - 2.12
#eeedf0
AA - 1.16
#f9aca7
AA - 1.82
#cf365f
AA - 4.83
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