HEX #222F24 color — Heavy Metal
The color #222f24 is a dark shade and slightly desaturated.
Palette
222f24 color palette from light to dark
| HEX |
RGB |
HSL |
| #f3f6f4 |
rgb(243,246,244) |
hsl(129,16%,96%) |
| #e4ece5 |
rgb(228,236,229) |
hsl(129,16%,91%) |
| #d6e1d7 |
rgb(214,225,215) |
hsl(129,16%,86%) |
| #c7d6c9 |
rgb(199,214,201) |
hsl(129,16%,81%) |
| #b8ccbb |
rgb(184,204,187) |
hsl(129,16%,76%) |
| #a9c1ad |
rgb(169,193,173) |
hsl(129,16%,71%) |
| #9ab69f |
rgb(154,182,159) |
hsl(129,16%,66%) |
| #8cab90 |
rgb(140,171,144) |
hsl(129,16%,61%) |
| #7da182 |
rgb(125,161,130) |
hsl(129,16%,56%) |
| #6e9674 |
rgb(110,150,116) |
hsl(129,16%,51%) |
| #638868 |
rgb(99,136,104) |
hsl(129,16%,46%) |
| #58795d |
rgb(88,121,93) |
hsl(129,16%,41%) |
| #4d6a52 |
rgb(77,106,82) |
hsl(129,16%,36%) |
| #425c46 |
rgb(66,92,70) |
hsl(129,16%,31%) |
| #384d3b |
rgb(56,77,59) |
hsl(129,16%,26%) |
| #2d3e30 |
rgb(45,62,48) |
hsl(129,16%,21%) |
| #222f24 |
rgb(34,47,36) |
hsl(129,16%,16%) |
| #182119 |
rgb(24,33,25) |
hsl(129,16%,11%) |
| #0d120e |
rgb(13,18,14) |
hsl(129,16%,6%) |
| #020302 |
rgb(2,3,2) |
hsl(129,16%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #282E22 |
rgb(40,46,34) |
hsl(90,15%,16%) |
| #222F24 |
rgb(34,47,36) |
hsl(129,16%,16%) |
| #222E2C |
rgb(34,46,44) |
hsl(170,15%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #222F24 |
rgb(34,47,36) |
hsl(129,16%,16%) |
| #1C261E |
rgb(28,38,30) |
hsl(132,15%,13%) |
| #172118 |
rgb(23,33,24) |
hsl(126,18%,11%) |
| #111A12 |
rgb(17,26,18) |
hsl(127,21%,8%) |
| #0C120C |
rgb(12,18,12) |
hsl(120,20%,6%) |
| #060A07 |
rgb(6,10,7) |
hsl(135,25%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #222F24 |
rgb(34,47,36) |
hsl(129,16%,16%) |
| #2A212F |
rgb(42,33,47) |
hsl(279,18%,16%) |
| #2F2126 |
rgb(47,33,38) |
hsl(339,18%,16%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #222F24 |
rgb(34,47,36) |
hsl(129,16%,16%) |
| #2F212D |
rgb(47,33,45) |
hsl(309,18%,16%) |
| #262E22 |
rgb(38,46,34) |
hsl(100,15%,16%) |
| #2F2126 |
rgb(47,33,38) |
hsl(339,18%,16%) |
