#283747
#576475
#A6ACBE
#F2F1F0
Silent
#283747
#576475
#A6ACBE
#F2F1F0
Actions
Explore the palette in different formats, and actions.
Colors overview
Grey
White
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #283747 | rgb(40, 55, 71) | hsl(210 28% 22%) | oklab(33% -0.01 -0.03) | oklch(33% 0.03 250) | color(display-p3 0.17 0.21 0.27) | |
| | #576475 | rgb(87, 100, 117) | hsl(210 15% 40%) | oklab(50% -0.01 -0.03) | oklch(50% 0.03 260) | color(display-p3 0.35 0.39 0.45) | |
| | #a6acbe | rgb(166, 172, 190) | hsl(230 16% 70%) | oklab(75% 0 -0.03) | oklch(75% 0.03 270) | color(display-p3 0.66 0.67 0.74) | |
| | #f2f1f0 | rgb(242, 241, 240) | hsl(30 7.1% 95%) | oklab(96% 0 0) | oklch(96% 0 68) | color(display-p3 0.95 0.95 0.94) |
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.
#283747
AAA - 12.15
#576475
AA - 6.02
#A6ACBE
AA - 2.26
#F2F1F0
AA - 1.12
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