HEX #222E24 color — Heavy Metal
The color #222E24 is a dark shade and slightly desaturated.
Palette
222E24 color palette from light to dark
| HEX |
RGB |
HSL |
| #f3f6f4 |
rgb(243,246,244) |
hsl(130,15%,96%) |
| #e5ebe6 |
rgb(229,235,230) |
hsl(130,15%,91%) |
| #d6e1d8 |
rgb(214,225,216) |
hsl(130,15%,86%) |
| #c7d6ca |
rgb(199,214,202) |
hsl(130,15%,81%) |
| #b9cbbc |
rgb(185,203,188) |
hsl(130,15%,76%) |
| #aac0ae |
rgb(170,192,174) |
hsl(130,15%,71%) |
| #9bb5a0 |
rgb(155,181,160) |
hsl(130,15%,66%) |
| #8daa92 |
rgb(141,170,146) |
hsl(130,15%,61%) |
| #7ea084 |
rgb(126,160,132) |
hsl(130,15%,56%) |
| #6f9576 |
rgb(111,149,118) |
hsl(130,15%,51%) |
| #64876a |
rgb(100,135,106) |
hsl(130,15%,46%) |
| #59785e |
rgb(89,120,94) |
hsl(130,15%,41%) |
| #4e6a53 |
rgb(78,106,83) |
hsl(130,15%,36%) |
| #435b47 |
rgb(67,91,71) |
hsl(130,15%,31%) |
| #384c3c |
rgb(56,76,60) |
hsl(130,15%,26%) |
| #2e3e30 |
rgb(46,62,48) |
hsl(130,15%,21%) |
| #232f25 |
rgb(35,47,37) |
hsl(130,15%,16%) |
| #182019 |
rgb(24,32,25) |
hsl(130,15%,11%) |
| #0d120e |
rgb(13,18,14) |
hsl(130,15%,6%) |
| #020302 |
rgb(2,3,2) |
hsl(130,15%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #282E22 |
rgb(40,46,34) |
hsl(90,15%,16%) |
| #222E24 |
rgb(34,46,36) |
hsl(130,15%,16%) |
| #222E2C |
rgb(34,46,44) |
hsl(170,15%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #222E24 |
rgb(34,46,36) |
hsl(130,15%,16%) |
| #1C261E |
rgb(28,38,30) |
hsl(132,15%,13%) |
| #171F18 |
rgb(23,31,24) |
hsl(128,15%,11%) |
| #111712 |
rgb(17,23,18) |
hsl(130,15%,8%) |
| #0C0F0C |
rgb(12,15,12) |
hsl(120,11%,5%) |
| #060A07 |
rgb(6,10,7) |
hsl(135,25%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #222E24 |
rgb(34,46,36) |
hsl(130,15%,16%) |
| #2A212E |
rgb(42,33,46) |
hsl(282,16%,15%) |
| #2E2126 |
rgb(46,33,38) |
hsl(337,16%,15%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #222E24 |
rgb(34,46,36) |
hsl(130,15%,16%) |
| #2E212C |
rgb(46,33,44) |
hsl(309,16%,15%) |
| #262E22 |
rgb(38,46,34) |
hsl(100,15%,16%) |
| #2E2126 |
rgb(46,33,38) |
hsl(337,16%,15%) |
