#FFD166
#808080
#545454
#212121
Industrial
#FFD166
#808080
#545454
#212121
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Black
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #ffd166 | rgb(255, 209, 102) | hsl(42 100% 70%) | oklab(88% 0.01 0.13) | oklch(88% 0.13 86) | color(display-p3 0.97 0.83 0.47) | |
| #808080 | rgb(128, 128, 128) | hsl(none 0% 50%) | oklab(60% 0 0) | oklch(60% 0 none) | color(display-p3 0.5 0.5 0.5) | |
| #545454 | rgb(84, 84, 84) | hsl(none 0% 33%) | oklab(45% 0 0) | oklch(45% 0 none) | color(display-p3 0.33 0.33 0.33) | |
| #212121 | rgb(33, 33, 33) | hsl(none 0% 13%) | oklab(25% 0 0) | oklch(25% 0 none) | color(display-p3 0.13 0.13 0.13) |
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.
#FFD166
AA - 1.44
#808080
AA - 3.94
#545454
AAA - 7.57
#212121
AAA - 16.1
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