HEX #222B24 color — Heavy Metal
The color #222B24 is a dark shade and slightly desaturated.
Palette
222B24 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f1 |
rgb(241,244,241) |
hsl(133,12%,95%) |
#e2e9e4 |
rgb(226,233,228) |
hsl(133,12%,90%) |
#d4ddd6 |
rgb(212,221,214) |
hsl(133,12%,85%) |
#c6d2c9 |
rgb(198,210,201) |
hsl(133,12%,80%) |
#b8c7bb |
rgb(184,199,187) |
hsl(133,12%,75%) |
#a9bcad |
rgb(169,188,173) |
hsl(133,12%,70%) |
#9bb0a0 |
rgb(155,176,160) |
hsl(133,12%,65%) |
#8da592 |
rgb(141,165,146) |
hsl(133,12%,60%) |
#7e9a84 |
rgb(126,154,132) |
hsl(133,12%,55%) |
#708f77 |
rgb(112,143,119) |
hsl(133,12%,50%) |
#65816b |
rgb(101,129,107) |
hsl(133,12%,45%) |
#5a725f |
rgb(90,114,95) |
hsl(133,12%,40%) |
#4f6453 |
rgb(79,100,83) |
hsl(133,12%,35%) |
#435647 |
rgb(67,86,71) |
hsl(133,12%,30%) |
#38473b |
rgb(56,71,59) |
hsl(133,12%,25%) |
#2d3930 |
rgb(45,57,48) |
hsl(133,12%,20%) |
#222b24 |
rgb(34,43,36) |
hsl(133,12%,15%) |
#161d18 |
rgb(22,29,24) |
hsl(133,12%,10%) |
#0b0e0c |
rgb(11,14,12) |
hsl(133,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#262B22 |
rgb(38,43,34) |
hsl(93,12%,15%) |
#222B24 |
rgb(34,43,36) |
hsl(133,12%,15%) |
#222B2A |
rgb(34,43,42) |
hsl(173,12%,15%) |
Monochromatic colors
HEX |
RGB |
HSL |
#222B24 |
rgb(34,43,36) |
hsl(133,12%,15%) |
#1C241E |
rgb(28,36,30) |
hsl(135,13%,13%) |
#171C18 |
rgb(23,28,24) |
hsl(132,10%,10%) |
#111712 |
rgb(17,23,18) |
hsl(130,15%,8%) |
#0C0F0C |
rgb(12,15,12) |
hsl(120,11%,5%) |
#060807 |
rgb(6,8,7) |
hsl(150,14%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#222B24 |
rgb(34,43,36) |
hsl(133,12%,15%) |
#28212B |
rgb(40,33,43) |
hsl(282,13%,15%) |
#2B2124 |
rgb(43,33,36) |
hsl(342,13%,15%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222B24 |
rgb(34,43,36) |
hsl(133,12%,15%) |
#2B2129 |
rgb(43,33,41) |
hsl(312,13%,15%) |
#242B22 |
rgb(36,43,34) |
hsl(107,12%,15%) |
#2B2124 |
rgb(43,33,36) |
hsl(342,13%,15%) |