#FFFFFF
#CCCCCC
#999999
#666666
#333333
Fog
#FFFFFF
#CCCCCC
#999999
#666666
#333333
Actions
Explore the palette in different formats, and actions.
Colors overview
White
Grey
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | hwb(none 100% 0%) | lch(100 0 none) | lab(100 0 0) | cmyk 0%, 0%, 0%, 0% | |
| #cccccc | rgb(204, 204, 204) | hsl(none 0% 80%) | hwb(none 80% 20%) | lch(82 0 none) | lab(82 0 0) | cmyk 0%, 0%, 0%, 20% | |
| #999999 | rgb(153, 153, 153) | hsl(none 0% 60%) | hwb(none 60% 40%) | lch(63.2 0 none) | lab(63.2 0 0) | cmyk 0%, 0%, 0%, 40% | |
| #666666 | rgb(102, 102, 102) | hsl(none 0% 40%) | hwb(none 40% 60%) | lch(43.2 0 none) | lab(43.2 0 0) | cmyk 0%, 0%, 0%, 60% | |
| #333333 | rgb(51, 51, 51) | hsl(none 0% 20%) | hwb(none 20% 80%) | lch(21.2 0 none) | lab(21.2 0 0) | cmyk 0%, 0%, 0%, 80% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#FFFFFF
AA - 1
#CCCCCC
AA - 1.6
#999999
AA - 2.84
#666666
AA - 5.74
#333333
AAA - 12.63
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