#a0a6b2
#cbced5
#e7e8ec
#b2a0a6
#a6b2a0
Noir
#a0a6b2
#cbced5
#e7e8ec
#b2a0a6
#a6b2a0
Actions
Explore the palette in different formats, and actions.
Colors overview
Grey
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #a0a6b2 | rgb(160, 166, 178) | hsl(220 10% 66%) | oklab(72% 0 -0.02) | oklch(72% 0.02 260) | color(display-p3 0.63 0.65 0.69) | |
| #cbced5 | rgb(203, 206, 213) | hsl(220 11% 82%) | oklab(85% 0 -0.01) | oklch(85% 0.01 270) | color(display-p3 0.8 0.81 0.83) | |
| #e7e8ec | rgb(231, 232, 236) | hsl(230 12% 92%) | oklab(93% 0 -0.01) | oklch(93% 0.01 270) | color(display-p3 0.91 0.91 0.92) | |
| #b2a0a6 | rgb(178, 160, 166) | hsl(340 10% 66%) | oklab(72% 0.02 0) | oklch(72% 0.02 360) | color(display-p3 0.69 0.63 0.65) | |
| #a6b2a0 | rgb(166, 178, 160) | hsl(100 10% 66%) | oklab(75% -0.02 0.02) | oklch(75% 0.03 140) | color(display-p3 0.66 0.7 0.63) |
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.
#a0a6b2
AA - 2.44
#cbced5
AA - 1.57
#e7e8ec
AA - 1.22
#b2a0a6
AA - 2.47
#a6b2a0
AA - 2.21
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