#A0522D
#8B4513
#DAA520
#DEB887
#BC8F8F
Thanksgiving
#A0522D
#8B4513
#DAA520
#DEB887
#BC8F8F
Actions
Explore the palette in different formats, and actions.
Colors overview
Yellow
Brown
| 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) | |
| | #8b4513 | rgb(139, 69, 19) | hsl(25 76% 31%) | oklab(47% 0.07 0.09) | oklch(47% 0.11 51) | color(display-p3 0.51 0.29 0.13) | |
| | #daa520 | rgb(218, 165, 32) | hsl(43 74% 49%) | oklab(75% 0.02 0.15) | oklch(75% 0.15 84) | color(display-p3 0.82 0.66 0.25) | |
| | #deb887 | rgb(222, 184, 135) | hsl(34 57% 70%) | oklab(80% 0.02 0.07) | oklch(80% 0.08 73) | color(display-p3 0.85 0.73 0.55) | |
| | #bc8f8f | rgb(188, 143, 143) | hsl(0 25% 65%) | oklab(69% 0.05 0.02) | oklch(69% 0.05 19) | color(display-p3 0.71 0.57 0.56) |
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
#8B4513
AAA - 7.09
#DAA520
AA - 2.23
#DEB887
AA - 1.85
#BC8F8F
AA - 2.81
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