#000000
#FF0000
#FFFFFF
#A9A9A9
Shadowfire
#000000
#FF0000
#FFFFFF
#A9A9A9
Actions
Explore the palette in different formats, and actions.
Colors overview
Red
White
Black
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) | |
| #ff0000 | rgb(255, 0, 0) | hsl(0 100% 50%) | oklab(63% 0.22 0.13) | oklch(63% 0.26 29) | color(display-p3 0.92 0.2 0.14) | |
| #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) | |
| #a9a9a9 | rgb(169, 169, 169) | hsl(none 0% 66%) | oklab(73% 0 0) | oklch(73% 0 none) | color(display-p3 0.66 0.66 0.66) |
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
#FF0000
AA - 3.99
#FFFFFF
AA - 1
#A9A9A9
AA - 2.35
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