HEX #312A25 color — Cocoa Brown
The color #312a25 is a dark shade and slightly desaturated.
Palette
312a25 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8f7f6 |
rgb(248,247,246) |
hsl(25,14%,97%) |
| #edeae8 |
rgb(237,234,232) |
hsl(25,14%,92%) |
| #e2ddd9 |
rgb(226,221,217) |
hsl(25,14%,87%) |
| #d8d0cb |
rgb(216,208,203) |
hsl(25,14%,82%) |
| #cdc3bc |
rgb(205,195,188) |
hsl(25,14%,77%) |
| #c2b6ae |
rgb(194,182,174) |
hsl(25,14%,72%) |
| #b7a99f |
rgb(183,169,159) |
hsl(25,14%,67%) |
| #ac9c91 |
rgb(172,156,145) |
hsl(25,14%,62%) |
| #a18f82 |
rgb(161,143,130) |
hsl(25,14%,57%) |
| #968273 |
rgb(150,130,115) |
hsl(25,14%,52%) |
| #897567 |
rgb(137,117,103) |
hsl(25,14%,47%) |
| #7a695c |
rgb(122,105,92) |
hsl(25,14%,42%) |
| #6c5c51 |
rgb(108,92,81) |
hsl(25,14%,37%) |
| #5d5046 |
rgb(93,80,70) |
hsl(25,14%,32%) |
| #4e433b |
rgb(78,67,59) |
hsl(25,14%,27%) |
| #403730 |
rgb(64,55,48) |
hsl(25,14%,22%) |
| #312a25 |
rgb(49,42,37) |
hsl(25,14%,17%) |
| #231e1a |
rgb(35,30,26) |
hsl(25,14%,12%) |
| #14110f |
rgb(20,17,15) |
hsl(25,14%,7%) |
| #060504 |
rgb(6,5,4) |
hsl(25,14%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #312628 |
rgb(49,38,40) |
hsl(349,13%,17%) |
| #312A25 |
rgb(49,42,37) |
hsl(25,14%,17%) |
| #303025 |
rgb(48,48,37) |
hsl(60,13%,17%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #312A25 |
rgb(49,42,37) |
hsl(25,14%,17%) |
| #29241F |
rgb(41,36,31) |
hsl(30,14%,14%) |
| #211C19 |
rgb(33,28,25) |
hsl(23,14%,11%) |
| #191713 |
rgb(25,23,19) |
hsl(40,14%,9%) |
| #110F0D |
rgb(17,15,13) |
hsl(30,13%,6%) |
| #090807 |
rgb(9,8,7) |
hsl(30,13%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #312A25 |
rgb(49,42,37) |
hsl(25,14%,17%) |
| #253030 |
rgb(37,48,48) |
hsl(180,13%,17%) |
| #252631 |
rgb(37,38,49) |
hsl(235,14%,17%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #312A25 |
rgb(49,42,37) |
hsl(25,14%,17%) |
| #252B31 |
rgb(37,43,49) |
hsl(210,14%,17%) |
| #312626 |
rgb(49,38,38) |
hsl(360,13%,17%) |
| #252631 |
rgb(37,38,49) |
hsl(235,14%,17%) |
