#3C2017
#5C3324
#8B4513
#A0522D
#C17B56
Cocoa
#3C2017
#5C3324
#8B4513
#A0522D
#C17B56
Actions
Explore the palette in different formats, and actions.
Colors overview
Brown
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #3c2017 | rgb(60, 32, 23) | hsl(15 45% 16%) | oklab(28% 0.04 0.03) | oklch(28% 0.05 39) | color(display-p3 0.22 0.13 0.1) | |
| | #5c3324 | rgb(92, 51, 36) | hsl(16 44% 25%) | oklab(37% 0.05 0.04) | oklch(37% 0.06 41) | color(display-p3 0.34 0.21 0.15) | |
| | #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) | |
| | #c17b56 | rgb(193, 123, 86) | hsl(21 46% 55%) | oklab(65% 0.07 0.08) | oklch(65% 0.1 48) | color(display-p3 0.72 0.49 0.36) |
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.
#3C2017
AAA - 14.88
#5C3324
AAA - 10.74
#8B4513
AAA - 7.09
#A0522D
AA - 5.61
#C17B56
AA - 3.36
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