#282c34
#424651
#9ca2ad
Nano
#282c34
#424651
#9ca2ad
Actions
Explore the palette in different formats, and actions.
Colors overview
Black
Grey
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #282c34 | rgb(40, 44, 52) | hsl(220 13% 18%) | hwb(220 16% 80%) | lch(17.9 5.81 268) | lab(17.9 -0.212 -5.81) | cmyk 23%, 15%, 0%, 80% | |
| #424651 | rgb(66, 70, 81) | hsl(220 10% 29%) | hwb(220 26% 68%) | lch(29.7 7.21 272) | lab(29.7 0.313 -7.2) | cmyk 19%, 14%, 0%, 68% | |
| #9ca2ad | rgb(156, 162, 173) | hsl(220 9.4% 65%) | hwb(220 61% 32%) | lch(66.4 6.52 265) | lab(66.4 -0.55 -6.5) | cmyk 10%, 6%, 0%, 32% |
Click a color format to copy 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