HEX #312220 color — Cocoa Brown
The color #312220 is a dark shade and slightly desaturated.
Palette
312220 color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f3f3 |
rgb(247,243,243) |
hsl(7,21%,96%) |
| #ede4e3 |
rgb(237,228,227) |
hsl(7,21%,91%) |
| #e3d6d4 |
rgb(227,214,212) |
hsl(7,21%,86%) |
| #d9c7c4 |
rgb(217,199,196) |
hsl(7,21%,81%) |
| #cfb8b5 |
rgb(207,184,181) |
hsl(7,21%,76%) |
| #c5a9a6 |
rgb(197,169,166) |
hsl(7,21%,71%) |
| #bb9a96 |
rgb(187,154,150) |
hsl(7,21%,66%) |
| #b08c87 |
rgb(176,140,135) |
hsl(7,21%,61%) |
| #a67d77 |
rgb(166,125,119) |
hsl(7,21%,56%) |
| #9c6e68 |
rgb(156,110,104) |
hsl(7,21%,51%) |
| #8e625d |
rgb(142,98,93) |
hsl(7,21%,46%) |
| #7f5853 |
rgb(127,88,83) |
hsl(7,21%,41%) |
| #6f4d49 |
rgb(111,77,73) |
hsl(7,21%,36%) |
| #60423e |
rgb(96,66,62) |
hsl(7,21%,31%) |
| #503834 |
rgb(80,56,52) |
hsl(7,21%,26%) |
| #412d2a |
rgb(65,45,42) |
hsl(7,21%,21%) |
| #312220 |
rgb(49,34,32) |
hsl(7,21%,16%) |
| #221816 |
rgb(34,24,22) |
hsl(7,21%,11%) |
| #130d0c |
rgb(19,13,12) |
hsl(7,21%,6%) |
| #030202 |
rgb(3,2,2) |
hsl(7,21%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #312129 |
rgb(49,33,41) |
hsl(330,20%,16%) |
| #312220 |
rgb(49,34,32) |
hsl(7,21%,16%) |
| #312E20 |
rgb(49,46,32) |
hsl(49,21%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #312220 |
rgb(49,34,32) |
hsl(7,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 |
| #312220 |
rgb(49,34,32) |
hsl(7,21%,16%) |
| #20302A |
rgb(32,48,42) |
hsl(158,20%,16%) |
| #202631 |
rgb(32,38,49) |
hsl(219,21%,16%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #312220 |
rgb(49,34,32) |
hsl(7,21%,16%) |
| #202E31 |
rgb(32,46,49) |
hsl(191,21%,16%) |
| #312126 |
rgb(49,33,38) |
hsl(341,20%,16%) |
| #202631 |
rgb(32,38,49) |
hsl(219,21%,16%) |
