#282c34
#424651
#9ca2ad
Nano
#282c34
#424651
#9ca2ad
Actions
Explore the palette in different formats, and actions.
Colors overview
Black
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #282c34 | rgb(40, 44, 52) | hsl(220 13% 18%) | oklab(29% 0 -0.02) | oklch(29% 0.02 260) | color(display-p3 0.16 0.17 0.2) | |
| #424651 | rgb(66, 70, 81) | hsl(220 10% 29%) | oklab(39% 0 -0.02) | oklch(39% 0.02 270) | color(display-p3 0.26 0.27 0.31) | |
| #9ca2ad | rgb(156, 162, 173) | hsl(220 9.4% 65%) | oklab(71% 0 -0.02) | oklch(71% 0.02 260) | color(display-p3 0.62 0.63 0.67) |
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.
#282c34
AAA - 13.99
#424651
AAA - 9.43
#9ca2ad
AA - 2.56
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