HEX #222E22 color — Heavy Metal
The color #222E22 is a dark shade and slightly desaturated.
Palette
222E22 color palette from light to dark
HEX |
RGB |
HSL |
#f3f6f3 |
rgb(243,246,243) |
hsl(120,15%,96%) |
#e5ebe5 |
rgb(229,235,229) |
hsl(120,15%,91%) |
#d6e1d6 |
rgb(214,225,214) |
hsl(120,15%,86%) |
#c7d6c7 |
rgb(199,214,199) |
hsl(120,15%,81%) |
#b9cbb9 |
rgb(185,203,185) |
hsl(120,15%,76%) |
#aac0aa |
rgb(170,192,170) |
hsl(120,15%,71%) |
#9bb59b |
rgb(155,181,155) |
hsl(120,15%,66%) |
#8daa8d |
rgb(141,170,141) |
hsl(120,15%,61%) |
#7ea07e |
rgb(126,160,126) |
hsl(120,15%,56%) |
#6f956f |
rgb(111,149,111) |
hsl(120,15%,51%) |
#648764 |
rgb(100,135,100) |
hsl(120,15%,46%) |
#597859 |
rgb(89,120,89) |
hsl(120,15%,41%) |
#4e6a4e |
rgb(78,106,78) |
hsl(120,15%,36%) |
#435b43 |
rgb(67,91,67) |
hsl(120,15%,31%) |
#384c38 |
rgb(56,76,56) |
hsl(120,15%,26%) |
#2e3e2e |
rgb(46,62,46) |
hsl(120,15%,21%) |
#232f23 |
rgb(35,47,35) |
hsl(120,15%,16%) |
#182018 |
rgb(24,32,24) |
hsl(120,15%,11%) |
#0d120d |
rgb(13,18,13) |
hsl(120,15%,6%) |
#020302 |
rgb(2,3,2) |
hsl(120,15%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#2A2E22 |
rgb(42,46,34) |
hsl(80,15%,16%) |
#222E22 |
rgb(34,46,34) |
hsl(120,15%,16%) |
#222E2A |
rgb(34,46,42) |
hsl(160,15%,16%) |
Monochromatic colors
HEX |
RGB |
HSL |
#222E22 |
rgb(34,46,34) |
hsl(120,15%,16%) |
#1C261C |
rgb(28,38,28) |
hsl(120,15%,13%) |
#171F17 |
rgb(23,31,23) |
hsl(120,15%,11%) |
#111711 |
rgb(17,23,17) |
hsl(120,15%,8%) |
#0C0F0C |
rgb(12,15,12) |
hsl(120,11%,5%) |
#060A06 |
rgb(6,10,6) |
hsl(120,25%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#222E22 |
rgb(34,46,34) |
hsl(120,15%,16%) |
#28212E |
rgb(40,33,46) |
hsl(272,16%,15%) |
#2E2128 |
rgb(46,33,40) |
hsl(328,16%,15%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222E22 |
rgb(34,46,34) |
hsl(120,15%,16%) |
#2E212E |
rgb(46,33,46) |
hsl(300,16%,15%) |
#282E22 |
rgb(40,46,34) |
hsl(90,15%,16%) |
#2E2128 |
rgb(46,33,40) |
hsl(328,16%,15%) |