HEX #312029 color — Cocoa Brown
The color #312029 is a dark shade and slightly desaturated.
Palette
312029 color palette from light to dark
HEX |
RGB |
HSL |
#f7f3f5 |
rgb(247,243,245) |
hsl(328,21%,96%) |
#ede3e8 |
rgb(237,227,232) |
hsl(328,21%,91%) |
#e3d4dc |
rgb(227,212,220) |
hsl(328,21%,86%) |
#d9c4cf |
rgb(217,196,207) |
hsl(328,21%,81%) |
#cfb5c3 |
rgb(207,181,195) |
hsl(328,21%,76%) |
#c5a6b6 |
rgb(197,166,182) |
hsl(328,21%,71%) |
#bb96aa |
rgb(187,150,170) |
hsl(328,21%,66%) |
#b0879d |
rgb(176,135,157) |
hsl(328,21%,61%) |
#a67790 |
rgb(166,119,144) |
hsl(328,21%,56%) |
#9c6884 |
rgb(156,104,132) |
hsl(328,21%,51%) |
#8e5d77 |
rgb(142,93,119) |
hsl(328,21%,46%) |
#7f536a |
rgb(127,83,106) |
hsl(328,21%,41%) |
#6f495d |
rgb(111,73,93) |
hsl(328,21%,36%) |
#603e50 |
rgb(96,62,80) |
hsl(328,21%,31%) |
#503443 |
rgb(80,52,67) |
hsl(328,21%,26%) |
#412a36 |
rgb(65,42,54) |
hsl(328,21%,21%) |
#312029 |
rgb(49,32,41) |
hsl(328,21%,16%) |
#22161c |
rgb(34,22,28) |
hsl(328,21%,11%) |
#130c10 |
rgb(19,12,16) |
hsl(328,21%,6%) |
#030203 |
rgb(3,2,3) |
hsl(328,21%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2D2131 |
rgb(45,33,49) |
hsl(285,20%,16%) |
#312029 |
rgb(49,32,41) |
hsl(328,21%,16%) |
#312120 |
rgb(49,33,32) |
hsl(4,21%,16%) |
Monochromatic colors
HEX |
RGB |
HSL |
#312029 |
rgb(49,32,41) |
hsl(328,21%,16%) |
#291C22 |
rgb(41,28,34) |
hsl(332,19%,14%) |
#21171B |
rgb(33,23,27) |
hsl(336,18%,11%) |
#191215 |
rgb(25,18,21) |
hsl(334,16%,8%) |
#110D0E |
rgb(17,13,14) |
hsl(345,13%,6%) |
#090808 |
rgb(9,8,8) |
hsl(360,6%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#312029 |
rgb(49,32,41) |
hsl(328,21%,16%) |
#203020 |
rgb(32,48,32) |
hsl(120,20%,16%) |
#203030 |
rgb(32,48,48) |
hsl(180,20%,16%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#312029 |
rgb(49,32,41) |
hsl(328,21%,16%) |
#203028 |
rgb(32,48,40) |
hsl(150,20%,16%) |
#302131 |
rgb(48,33,49) |
hsl(296,20%,16%) |
#203030 |
rgb(32,48,48) |
hsl(180,20%,16%) |