#0C0605
#9C4E0F
#CE842F
#E0C6AA
#F4F1EE
Tiger
#0C0605
#9C4E0F
#CE842F
#E0C6AA
#F4F1EE
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
Black
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #0c0605 | rgb(12, 6, 5) | hsl(8.6 41% 3.3%) | oklab(13% 0.01 0.01) | oklch(13% 0.01 32) | color(display-p3 0.04 0.02 0.02) | |
| #9c4e0f | rgb(156, 78, 15) | hsl(27 82% 34%) | oklab(51% 0.08 0.1) | oklch(51% 0.12 52) | color(display-p3 0.57 0.32 0.13) | |
| #ce842f | rgb(206, 132, 47) | hsl(32 63% 50%) | oklab(68% 0.06 0.12) | oklch(68% 0.13 65) | color(display-p3 0.77 0.53 0.26) | |
| #e0c6aa | rgb(224, 198, 170) | hsl(31 47% 77%) | oklab(84% 0.02 0.04) | oklch(84% 0.05 69) | color(display-p3 0.86 0.78 0.68) | |
| #f4f1ee | rgb(244, 241, 238) | hsl(30 21% 95%) | oklab(96% 0 0) | oklch(96% 0.01 68) | color(display-p3 0.95 0.95 0.93) |
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.
#0C0605
AAA - 20.11
#9C4E0F
AA - 5.98
#CE842F
AA - 3.01
#E0C6AA
AA - 1.63
#F4F1EE
AA - 1.12
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