#3C2017
#5C3324
#8B4513
#A0522D
#C17B56
Cocoa
#3C2017
#5C3324
#8B4513
#A0522D
#C17B56
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Brown
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #3c2017 | rgb(60, 32, 23) | hsl(15 45% 16%) | hwb(15 9% 76%) | lch(16 17.9 43) | lab(16 13.1 12.2) | cmyk 0%, 47%, 62%, 76% | |
| #5c3324 | rgb(92, 51, 36) | hsl(16 44% 25%) | hwb(16 14% 64%) | lch(26.3 25.2 45.1) | lab(26.3 17.8 17.8) | cmyk 0%, 45%, 61%, 64% | |
| #8b4513 | rgb(139, 69, 19) | hsl(25 76% 31%) | hwb(25 7.5% 45%) | lch(37.9 50.2 56) | lab(37.9 28.1 41.6) | cmyk 0%, 50%, 86%, 45% | |
| #a0522d | rgb(160, 82, 45) | hsl(19 56% 40%) | hwb(19 18% 37%) | lch(44.3 47.7 49.6) | lab(44.3 30.9 36.3) | cmyk 0%, 49%, 72%, 37% | |
| #c17b56 | rgb(193, 123, 86) | hsl(21 46% 55%) | hwb(21 34% 24%) | lch(58.6 40.8 51.7) | lab(58.6 25.3 32) | cmyk 0%, 36%, 55%, 24% |
Click a color format to copy 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