HEX #222E27 color — Heavy Metal
The color #222E27 is a dark shade and slightly desaturated.
Palette
222E27 color palette from light to dark
| HEX |
RGB |
HSL |
| #f3f6f5 |
rgb(243,246,245) |
hsl(145,15%,96%) |
| #e5ebe7 |
rgb(229,235,231) |
hsl(145,15%,91%) |
| #d6e1da |
rgb(214,225,218) |
hsl(145,15%,86%) |
| #c7d6cd |
rgb(199,214,205) |
hsl(145,15%,81%) |
| #b9cbc0 |
rgb(185,203,192) |
hsl(145,15%,76%) |
| #aac0b3 |
rgb(170,192,179) |
hsl(145,15%,71%) |
| #9bb5a6 |
rgb(155,181,166) |
hsl(145,15%,66%) |
| #8daa99 |
rgb(141,170,153) |
hsl(145,15%,61%) |
| #7ea08c |
rgb(126,160,140) |
hsl(145,15%,56%) |
| #6f957f |
rgb(111,149,127) |
hsl(145,15%,51%) |
| #648772 |
rgb(100,135,114) |
hsl(145,15%,46%) |
| #597866 |
rgb(89,120,102) |
hsl(145,15%,41%) |
| #4e6a5a |
rgb(78,106,90) |
hsl(145,15%,36%) |
| #435b4d |
rgb(67,91,77) |
hsl(145,15%,31%) |
| #384c41 |
rgb(56,76,65) |
hsl(145,15%,26%) |
| #2e3e34 |
rgb(46,62,52) |
hsl(145,15%,21%) |
| #232f28 |
rgb(35,47,40) |
hsl(145,15%,16%) |
| #18201b |
rgb(24,32,27) |
hsl(145,15%,11%) |
| #0d120f |
rgb(13,18,15) |
hsl(145,15%,6%) |
| #020302 |
rgb(2,3,2) |
hsl(145,15%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #252E22 |
rgb(37,46,34) |
hsl(105,15%,16%) |
| #222E27 |
rgb(34,46,39) |
hsl(145,15%,16%) |
| #222E2E |
rgb(34,46,46) |
hsl(180,15%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #222E27 |
rgb(34,46,39) |
hsl(145,15%,16%) |
| #1C2620 |
rgb(28,38,32) |
hsl(144,15%,13%) |
| #171F1A |
rgb(23,31,26) |
hsl(143,15%,11%) |
| #111714 |
rgb(17,23,20) |
hsl(150,15%,8%) |
| #0C0F0E |
rgb(12,15,14) |
hsl(160,11%,5%) |
| #060A07 |
rgb(6,10,7) |
hsl(135,25%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #222E27 |
rgb(34,46,39) |
hsl(145,15%,16%) |
| #2D212E |
rgb(45,33,46) |
hsl(295,16%,15%) |
| #2E2123 |
rgb(46,33,35) |
hsl(351,16%,15%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #222E27 |
rgb(34,46,39) |
hsl(145,15%,16%) |
| #2E2129 |
rgb(46,33,41) |
hsl(323,16%,15%) |
| #232E22 |
rgb(35,46,34) |
hsl(115,15%,16%) |
| #2E2123 |
rgb(46,33,35) |
hsl(351,16%,15%) |
