HEX #312123 color — Cocoa Brown
The color #312123 is a dark shade and slightly desaturated.
Palette
312123 color palette from light to dark
HEX |
RGB |
HSL |
#f7f3f3 |
rgb(247,243,243) |
hsl(353,20%,96%) |
#ede3e5 |
rgb(237,227,229) |
hsl(353,20%,91%) |
#e2d4d6 |
rgb(226,212,214) |
hsl(353,20%,86%) |
#d8c5c7 |
rgb(216,197,199) |
hsl(353,20%,81%) |
#ceb6b8 |
rgb(206,182,184) |
hsl(353,20%,76%) |
#c4a6aa |
rgb(196,166,170) |
hsl(353,20%,71%) |
#ba979b |
rgb(186,151,155) |
hsl(353,20%,66%) |
#af888c |
rgb(175,136,140) |
hsl(353,20%,61%) |
#a5787e |
rgb(165,120,126) |
hsl(353,20%,56%) |
#9b696f |
rgb(155,105,111) |
hsl(353,20%,51%) |
#8d5e63 |
rgb(141,94,99) |
hsl(353,20%,46%) |
#7d5459 |
rgb(125,84,89) |
hsl(353,20%,41%) |
#6e494e |
rgb(110,73,78) |
hsl(353,20%,36%) |
#5f3f43 |
rgb(95,63,67) |
hsl(353,20%,31%) |
#503538 |
rgb(80,53,56) |
hsl(353,20%,26%) |
#402b2d |
rgb(64,43,45) |
hsl(353,20%,21%) |
#312123 |
rgb(49,33,35) |
hsl(353,20%,16%) |
#221618 |
rgb(34,22,24) |
hsl(353,20%,11%) |
#120c0d |
rgb(18,12,13) |
hsl(353,20%,6%) |
#030202 |
rgb(3,2,2) |
hsl(353,20%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31212D |
rgb(49,33,45) |
hsl(315,20%,16%) |
#312123 |
rgb(49,33,35) |
hsl(353,20%,16%) |
#312921 |
rgb(49,41,33) |
hsl(30,20%,16%) |
Monochromatic colors
HEX |
RGB |
HSL |
#312123 |
rgb(49,33,35) |
hsl(353,20%,16%) |
#291C1D |
rgb(41,28,29) |
hsl(355,19%,14%) |
#211717 |
rgb(33,23,23) |
hsl(360,18%,11%) |
#191212 |
rgb(25,18,18) |
hsl(360,16%,8%) |
#110D0C |
rgb(17,13,12) |
hsl(12,17%,6%) |
#090807 |
rgb(9,8,7) |
hsl(30,13%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#312123 |
rgb(49,33,35) |
hsl(353,20%,16%) |
#213027 |
rgb(33,48,39) |
hsl(144,19%,16%) |
#212B31 |
rgb(33,43,49) |
hsl(203,20%,16%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#312123 |
rgb(49,33,35) |
hsl(353,20%,16%) |
#21302F |
rgb(33,48,47) |
hsl(176,19%,16%) |
#31212B |
rgb(49,33,43) |
hsl(323,20%,16%) |
#212B31 |
rgb(33,43,49) |
hsl(203,20%,16%) |