#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 | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| #cccccc | rgb(204, 204, 204) | hsl(none 0% 80%) | oklab(85% 0 0) | oklch(85% 0 none) | color(display-p3 0.8 0.8 0.8) | |
| #999999 | rgb(153, 153, 153) | hsl(none 0% 60%) | oklab(68% 0 0) | oklch(68% 0 none) | color(display-p3 0.6 0.6 0.6) | |
| #666666 | rgb(102, 102, 102) | hsl(none 0% 40%) | oklab(51% 0 0) | oklch(51% 0 none) | color(display-p3 0.4 0.4 0.4) | |
| #333333 | rgb(51, 51, 51) | hsl(none 0% 20%) | oklab(32% 0 0) | oklch(32% 0 none) | color(display-p3 0.2 0.2 0.2) |
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.
#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