#000000
#383838
#666666
#949494
#C2C2C2
Bat
#000000
#383838
#666666
#949494
#C2C2C2
Actions
Explore the palette in different formats, and actions.
Colors overview
îœBlack
îœGrey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
îœ | #000000 | rgb(0, 0, 0) | hsl(none 0% 0%) | oklab(0% 0 0) | oklch(0% 0 none) | color(display-p3 0 0 0) | |
îœ | #383838 | rgb(56, 56, 56) | hsl(none 0% 22%) | oklab(34% 0 0) | oklch(34% 0 none) | color(display-p3 0.22 0.22 0.22) | |
îœ | #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) | |
îœ | #949494 | rgb(148, 148, 148) | hsl(none 0% 58%) | oklab(67% 0 0) | oklch(67% 0 none) | color(display-p3 0.58 0.58 0.58) | |
îœ | #c2c2c2 | rgb(194, 194, 194) | hsl(none 0% 76%) | oklab(81% 0 0) | oklch(81% 0 none) | color(display-p3 0.76 0.76 0.76) |
î 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.
#000000
AAA - 21
î
#383838
AAA - 11.72
î
#666666
AA - 5.74
î
#949494
AA - 3.03
î
#C2C2C2
AA - 1.78
î
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