#8B4513
#A0522D
#D2691E
#FFCBA4
#FFE4B5
Cinnamon
#8B4513
#A0522D
#D2691E
#FFCBA4
#FFE4B5
Actions
Explore the palette in different formats, and actions.
Colors overview
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) | |
| #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) | |
| #ffcba4 | rgb(255, 203, 164) | hsl(26 100% 82%) | oklab(88% 0.04 0.07) | oklch(88% 0.08 58) | color(display-p3 0.97 0.8 0.66) | |
| #ffe4b5 | rgb(255, 228, 181) | hsl(38 100% 85%) | oklab(93% 0.01 0.07) | oklch(93% 0.07 81) | color(display-p3 0.98 0.9 0.73) |
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
#D2691E
AA - 3.63
#FFCBA4
AA - 1.46
#FFE4B5
AA - 1.23
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