#8B4513
#A0522D
#CD853F
#DEB887
#BC8F8F
Rustic
#8B4513
#A0522D
#CD853F
#DEB887
#BC8F8F
Actions
Explore the palette in different formats, and actions.
Colors overview
Orange
Brown
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #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) | |
| #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) | |
| #cd853f | rgb(205, 133, 63) | hsl(30 59% 53%) | oklab(68% 0.06 0.11) | oklch(68% 0.12 62) | color(display-p3 0.76 0.53 0.3) | |
| #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.
#8B4513
AAA - 7.09
#A0522D
AA - 5.61
#CD853F
AA - 2.99
#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