HEX #312125 color — Cocoa Brown
The color #312125 is a dark shade and slightly desaturated.
Palette
312125 color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f3f4 |
rgb(247,243,244) |
hsl(345,20%,96%) |
| #ede3e6 |
rgb(237,227,230) |
hsl(345,20%,91%) |
| #e2d4d8 |
rgb(226,212,216) |
hsl(345,20%,86%) |
| #d8c5ca |
rgb(216,197,202) |
hsl(345,20%,81%) |
| #ceb6bc |
rgb(206,182,188) |
hsl(345,20%,76%) |
| #c4a6ae |
rgb(196,166,174) |
hsl(345,20%,71%) |
| #ba97a0 |
rgb(186,151,160) |
hsl(345,20%,66%) |
| #af8892 |
rgb(175,136,146) |
hsl(345,20%,61%) |
| #a57884 |
rgb(165,120,132) |
hsl(345,20%,56%) |
| #9b6976 |
rgb(155,105,118) |
hsl(345,20%,51%) |
| #8d5e6a |
rgb(141,94,106) |
hsl(345,20%,46%) |
| #7d545e |
rgb(125,84,94) |
hsl(345,20%,41%) |
| #6e4953 |
rgb(110,73,83) |
hsl(345,20%,36%) |
| #5f3f47 |
rgb(95,63,71) |
hsl(345,20%,31%) |
| #50353c |
rgb(80,53,60) |
hsl(345,20%,26%) |
| #402b30 |
rgb(64,43,48) |
hsl(345,20%,21%) |
| #312125 |
rgb(49,33,37) |
hsl(345,20%,16%) |
| #221619 |
rgb(34,22,25) |
hsl(345,20%,11%) |
| #120c0e |
rgb(18,12,14) |
hsl(345,20%,6%) |
| #030202 |
rgb(3,2,2) |
hsl(345,20%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #31212F |
rgb(49,33,47) |
hsl(308,20%,16%) |
| #312125 |
rgb(49,33,37) |
hsl(345,20%,16%) |
| #312921 |
rgb(49,41,33) |
hsl(30,20%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #312125 |
rgb(49,33,37) |
hsl(345,20%,16%) |
| #291C1F |
rgb(41,28,31) |
hsl(346,19%,14%) |
| #211719 |
rgb(33,23,25) |
hsl(348,18%,11%) |
| #191213 |
rgb(25,18,19) |
hsl(351,16%,8%) |
| #110D0D |
rgb(17,13,13) |
hsl(360,13%,6%) |
| #090807 |
rgb(9,8,7) |
hsl(30,13%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #312125 |
rgb(49,33,37) |
hsl(345,20%,16%) |
| #213025 |
rgb(33,48,37) |
hsl(136,19%,16%) |
| #212E31 |
rgb(33,46,49) |
hsl(191,20%,16%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #312125 |
rgb(49,33,37) |
hsl(345,20%,16%) |
| #21302D |
rgb(33,48,45) |
hsl(168,19%,16%) |
| #31212D |
rgb(49,33,45) |
hsl(315,20%,16%) |
| #212E31 |
rgb(33,46,49) |
hsl(191,20%,16%) |
