HEX #222B22 color — Heavy Metal
The color #222B22 is a dark shade and slightly desaturated.
Palette
222B22 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f1 |
rgb(241,244,241) |
hsl(120,12%,95%) |
#e2e9e2 |
rgb(226,233,226) |
hsl(120,12%,90%) |
#d4ddd4 |
rgb(212,221,212) |
hsl(120,12%,85%) |
#c6d2c6 |
rgb(198,210,198) |
hsl(120,12%,80%) |
#b8c7b8 |
rgb(184,199,184) |
hsl(120,12%,75%) |
#a9bca9 |
rgb(169,188,169) |
hsl(120,12%,70%) |
#9bb09b |
rgb(155,176,155) |
hsl(120,12%,65%) |
#8da58d |
rgb(141,165,141) |
hsl(120,12%,60%) |
#7e9a7e |
rgb(126,154,126) |
hsl(120,12%,55%) |
#708f70 |
rgb(112,143,112) |
hsl(120,12%,50%) |
#658165 |
rgb(101,129,101) |
hsl(120,12%,45%) |
#5a725a |
rgb(90,114,90) |
hsl(120,12%,40%) |
#4f644f |
rgb(79,100,79) |
hsl(120,12%,35%) |
#435643 |
rgb(67,86,67) |
hsl(120,12%,30%) |
#384738 |
rgb(56,71,56) |
hsl(120,12%,25%) |
#2d392d |
rgb(45,57,45) |
hsl(120,12%,20%) |
#222b22 |
rgb(34,43,34) |
hsl(120,12%,15%) |
#161d16 |
rgb(22,29,22) |
hsl(120,12%,10%) |
#0b0e0b |
rgb(11,14,11) |
hsl(120,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#282B22 |
rgb(40,43,34) |
hsl(80,12%,15%) |
#222B22 |
rgb(34,43,34) |
hsl(120,12%,15%) |
#222B28 |
rgb(34,43,40) |
hsl(160,12%,15%) |
Monochromatic colors
HEX |
RGB |
HSL |
#222B22 |
rgb(34,43,34) |
hsl(120,12%,15%) |
#1C241C |
rgb(28,36,28) |
hsl(120,13%,13%) |
#171C17 |
rgb(23,28,23) |
hsl(120,10%,10%) |
#111711 |
rgb(17,23,17) |
hsl(120,15%,8%) |
#0C0F0C |
rgb(12,15,12) |
hsl(120,11%,5%) |
#060806 |
rgb(6,8,6) |
hsl(120,14%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#222B22 |
rgb(34,43,34) |
hsl(120,12%,15%) |
#26212B |
rgb(38,33,43) |
hsl(270,13%,15%) |
#2B2126 |
rgb(43,33,38) |
hsl(330,13%,15%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222B22 |
rgb(34,43,34) |
hsl(120,12%,15%) |
#2B212B |
rgb(43,33,43) |
hsl(300,13%,15%) |
#262B22 |
rgb(38,43,34) |
hsl(93,12%,15%) |
#2B2126 |
rgb(43,33,38) |
hsl(330,13%,15%) |