HEX #312121 color — Cocoa Brown
The color #312121 is a dark shade and slightly desaturated.
Palette
312121 color palette from light to dark
HEX |
RGB |
HSL |
#f7f3f3 |
rgb(247,243,243) |
hsl(360,20%,96%) |
#ede3e3 |
rgb(237,227,227) |
hsl(360,20%,91%) |
#e2d4d4 |
rgb(226,212,212) |
hsl(360,20%,86%) |
#d8c5c5 |
rgb(216,197,197) |
hsl(360,20%,81%) |
#ceb6b6 |
rgb(206,182,182) |
hsl(360,20%,76%) |
#c4a6a6 |
rgb(196,166,166) |
hsl(360,20%,71%) |
#ba9797 |
rgb(186,151,151) |
hsl(360,20%,66%) |
#af8888 |
rgb(175,136,136) |
hsl(360,20%,61%) |
#a57878 |
rgb(165,120,120) |
hsl(360,20%,56%) |
#9b6969 |
rgb(155,105,105) |
hsl(360,20%,51%) |
#8d5e5e |
rgb(141,94,94) |
hsl(360,20%,46%) |
#7d5454 |
rgb(125,84,84) |
hsl(360,20%,41%) |
#6e4949 |
rgb(110,73,73) |
hsl(360,20%,36%) |
#5f3f3f |
rgb(95,63,63) |
hsl(360,20%,31%) |
#503535 |
rgb(80,53,53) |
hsl(360,20%,26%) |
#402b2b |
rgb(64,43,43) |
hsl(360,20%,21%) |
#312121 |
rgb(49,33,33) |
hsl(360,20%,16%) |
#221616 |
rgb(34,22,22) |
hsl(360,20%,11%) |
#120c0c |
rgb(18,12,12) |
hsl(360,20%,6%) |
#030202 |
rgb(3,2,2) |
hsl(360,20%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31212B |
rgb(49,33,43) |
hsl(323,20%,16%) |
#312121 |
rgb(49,33,33) |
hsl(360,20%,16%) |
#312B21 |
rgb(49,43,33) |
hsl(38,20%,16%) |
Monochromatic colors
HEX |
RGB |
HSL |
#312121 |
rgb(49,33,33) |
hsl(360,20%,16%) |
#291C1B |
rgb(41,28,27) |
hsl(4,21%,13%) |
#211716 |
rgb(33,23,22) |
hsl(5,20%,11%) |
#191211 |
rgb(25,18,17) |
hsl(8,19%,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 |
#312121 |
rgb(49,33,33) |
hsl(360,20%,16%) |
#213029 |
rgb(33,48,41) |
hsl(152,19%,16%) |
#212931 |
rgb(33,41,49) |
hsl(210,20%,16%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#312121 |
rgb(49,33,33) |
hsl(360,20%,16%) |
#213031 |
rgb(33,48,49) |
hsl(184,20%,16%) |
#312129 |
rgb(49,33,41) |
hsl(330,20%,16%) |
#212931 |
rgb(33,41,49) |
hsl(210,20%,16%) |