#FAFAFA
#F2F2F2
#E6E6E6
#D9D9D9
#CCCCCC
#BDBDBD
Snow
#FAFAFA
#F2F2F2
#E6E6E6
#D9D9D9
#CCCCCC
#BDBDBD
Actions
Explore the palette in different formats, and actions.
Colors overview
White
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #fafafa | rgb(250, 250, 250) | hsl(none 0% 98%) | oklab(99% 0 0) | oklch(99% 0 none) | color(display-p3 0.98 0.98 0.98) | |
| #f2f2f2 | rgb(242, 242, 242) | hsl(none 0% 95%) | oklab(96% 0 0) | oklch(96% 0 none) | color(display-p3 0.95 0.95 0.95) | |
| #e6e6e6 | rgb(230, 230, 230) | hsl(none 0% 90%) | oklab(92% 0 0) | oklch(92% 0 none) | color(display-p3 0.9 0.9 0.9) | |
| #d9d9d9 | rgb(217, 217, 217) | hsl(none 0% 85%) | oklab(89% 0 0) | oklch(89% 0 none) | color(display-p3 0.85 0.85 0.85) | |
| #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) | |
| #bdbdbd | rgb(189, 189, 189) | hsl(none 0% 74%) | oklab(80% 0 0) | oklch(80% 0 none) | color(display-p3 0.74 0.74 0.74) |
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.
#FAFAFA
AA - 1.04
#F2F2F2
AA - 1.11
#E6E6E6
AA - 1.24
#D9D9D9
AA - 1.41
#CCCCCC
AA - 1.6
#BDBDBD
AA - 1.87
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