#A0522D
#D2691E
#FFC300
#B2BEB5
#59463B
Dia de Muertos
#A0522D
#D2691E
#FFC300
#B2BEB5
#59463B
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
Yellow
Brown
Grey
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #a0522d | rgb(160, 82, 45) | hsl(19 56% 40%) | oklab(53% 0.08 0.08) | oklch(53% 0.12 45) | color(display-p3 0.59 0.34 0.21) | |
| | #d2691e | rgb(210, 105, 30) | hsl(25 75% 47%) | oklab(63% 0.1 0.12) | oklch(63% 0.15 50) | color(display-p3 0.77 0.43 0.2) | |
| | #ffc300 | rgb(255, 195, 0) | hsl(46 100% 50%) | oklab(85% 0.01 0.17) | oklch(85% 0.17 86) | color(display-p3 0.96 0.77 0.26) | |
| | #b2beb5 | rgb(178, 190, 181) | hsl(140 8.5% 72%) | oklab(79% -0.02 0.01) | oklch(79% 0.02 150) | color(display-p3 0.71 0.74 0.71) | |
| | #59463b | rgb(89, 70, 59) | hsl(22 20% 29%) | oklab(41% 0.02 0.02) | oklch(41% 0.03 52) | color(display-p3 0.34 0.28 0.24) |
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.
#A0522D
AA - 5.61
#D2691E
AA - 3.63
#FFC300
AA - 1.6
#B2BEB5
AA - 1.92
#59463B
AAA - 8.88
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