HEX #302222 color — Cocoa Brown
The color #302222 is a dark shade and slightly desaturated.
Palette
302222 color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f3f3 |
rgb(247,243,243) |
hsl(360,17%,96%) |
| #ece4e4 |
rgb(236,228,228) |
hsl(360,17%,91%) |
| #e1d5d5 |
rgb(225,213,213) |
hsl(360,17%,86%) |
| #d7c6c6 |
rgb(215,198,198) |
hsl(360,17%,81%) |
| #ccb7b7 |
rgb(204,183,183) |
hsl(360,17%,76%) |
| #c2a8a8 |
rgb(194,168,168) |
hsl(360,17%,71%) |
| #b79a9a |
rgb(183,154,154) |
hsl(360,17%,66%) |
| #ac8b8b |
rgb(172,139,139) |
hsl(360,17%,61%) |
| #a27c7c |
rgb(162,124,124) |
hsl(360,17%,56%) |
| #976d6d |
rgb(151,109,109) |
hsl(360,17%,51%) |
| #896161 |
rgb(137,97,97) |
hsl(360,17%,46%) |
| #7a5757 |
rgb(122,87,87) |
hsl(360,17%,41%) |
| #6b4c4c |
rgb(107,76,76) |
hsl(360,17%,36%) |
| #5c4242 |
rgb(92,66,66) |
hsl(360,17%,31%) |
| #4e3737 |
rgb(78,55,55) |
hsl(360,17%,26%) |
| #3f2c2c |
rgb(63,44,44) |
hsl(360,17%,21%) |
| #302222 |
rgb(48,34,34) |
hsl(360,17%,16%) |
| #211717 |
rgb(33,23,23) |
hsl(360,17%,11%) |
| #120d0d |
rgb(18,13,13) |
hsl(360,17%,6%) |
| #030202 |
rgb(3,2,2) |
hsl(360,17%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30212B |
rgb(48,33,43) |
hsl(320,19%,16%) |
| #302222 |
rgb(48,34,34) |
hsl(360,17%,16%) |
| #302B22 |
rgb(48,43,34) |
hsl(39,17%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #302222 |
rgb(48,34,34) |
hsl(360,17%,16%) |
| #281C1C |
rgb(40,28,28) |
hsl(360,18%,13%) |
| #201717 |
rgb(32,23,23) |
hsl(360,16%,11%) |
| #181211 |
rgb(24,18,17) |
hsl(9,17%,8%) |
| #110D0C |
rgb(17,13,12) |
hsl(12,17%,6%) |
| #090806 |
rgb(9,8,6) |
hsl(40,20%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #302222 |
rgb(48,34,34) |
hsl(360,17%,16%) |
| #223029 |
rgb(34,48,41) |
hsl(150,17%,16%) |
| #222930 |
rgb(34,41,48) |
hsl(210,17%,16%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #302222 |
rgb(48,34,34) |
hsl(360,17%,16%) |
| #223030 |
rgb(34,48,48) |
hsl(180,17%,16%) |
| #302129 |
rgb(48,33,41) |
hsl(328,19%,16%) |
| #222930 |
rgb(34,41,48) |
hsl(210,17%,16%) |
