HEX #312120 color — Cocoa Brown
The color #312120 is a dark shade and slightly desaturated.
Palette
312120 color palette from light to dark
HEX |
RGB |
HSL |
#f7f3f3 |
rgb(247,243,243) |
hsl(4,21%,96%) |
#ede4e3 |
rgb(237,228,227) |
hsl(4,21%,91%) |
#e3d5d4 |
rgb(227,213,212) |
hsl(4,21%,86%) |
#d9c6c4 |
rgb(217,198,196) |
hsl(4,21%,81%) |
#cfb7b5 |
rgb(207,183,181) |
hsl(4,21%,76%) |
#c5a8a6 |
rgb(197,168,166) |
hsl(4,21%,71%) |
#bb9996 |
rgb(187,153,150) |
hsl(4,21%,66%) |
#b08987 |
rgb(176,137,135) |
hsl(4,21%,61%) |
#a67a77 |
rgb(166,122,119) |
hsl(4,21%,56%) |
#9c6b68 |
rgb(156,107,104) |
hsl(4,21%,51%) |
#8e605d |
rgb(142,96,93) |
hsl(4,21%,46%) |
#7f5653 |
rgb(127,86,83) |
hsl(4,21%,41%) |
#6f4b49 |
rgb(111,75,73) |
hsl(4,21%,36%) |
#60413e |
rgb(96,65,62) |
hsl(4,21%,31%) |
#503634 |
rgb(80,54,52) |
hsl(4,21%,26%) |
#412c2a |
rgb(65,44,42) |
hsl(4,21%,21%) |
#312120 |
rgb(49,33,32) |
hsl(4,21%,16%) |
#221716 |
rgb(34,23,22) |
hsl(4,21%,11%) |
#130d0c |
rgb(19,13,12) |
hsl(4,21%,6%) |
#030202 |
rgb(3,2,2) |
hsl(4,21%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31212A |
rgb(49,33,42) |
hsl(326,20%,16%) |
#312120 |
rgb(49,33,32) |
hsl(4,21%,16%) |
#312B20 |
rgb(49,43,32) |
hsl(39,21%,16%) |
Monochromatic colors
HEX |
RGB |
HSL |
#312120 |
rgb(49,33,32) |
hsl(4,21%,16%) |
#291C1A |
rgb(41,28,26) |
hsl(8,22%,13%) |
#211715 |
rgb(33,23,21) |
hsl(10,22%,11%) |
#191210 |
rgb(25,18,16) |
hsl(13,22%,8%) |
#110D0B |
rgb(17,13,11) |
hsl(20,21%,5%) |
#090806 |
rgb(9,8,6) |
hsl(40,20%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#312120 |
rgb(49,33,32) |
hsl(4,21%,16%) |
#203029 |
rgb(32,48,41) |
hsl(154,20%,16%) |
#202631 |
rgb(32,38,49) |
hsl(219,21%,16%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#312120 |
rgb(49,33,32) |
hsl(4,21%,16%) |
#203031 |
rgb(32,48,49) |
hsl(184,21%,16%) |
#312127 |
rgb(49,33,39) |
hsl(338,20%,16%) |
#202631 |
rgb(32,38,49) |
hsl(219,21%,16%) |