HEX #424448 color — Mako
The color #424448 is a dark shade and desaturated.
Palette
424448 color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f7f8 |
rgb(247,247,248) |
hsl(220,4%,97%) |
| #eaeaeb |
rgb(234,234,235) |
hsl(220,4%,92%) |
| #dddddf |
rgb(221,221,223) |
hsl(220,4%,87%) |
| #cfd0d3 |
rgb(207,208,211) |
hsl(220,4%,82%) |
| #c2c4c7 |
rgb(194,196,199) |
hsl(220,4%,77%) |
| #b5b7ba |
rgb(181,183,186) |
hsl(220,4%,72%) |
| #a7aaae |
rgb(167,170,174) |
hsl(220,4%,67%) |
| #9a9da2 |
rgb(154,157,162) |
hsl(220,4%,62%) |
| #8d9096 |
rgb(141,144,150) |
hsl(220,4%,57%) |
| #808389 |
rgb(128,131,137) |
hsl(220,4%,52%) |
| #73767d |
rgb(115,118,125) |
hsl(220,4%,47%) |
| #676a6f |
rgb(103,106,111) |
hsl(220,4%,42%) |
| #5b5d62 |
rgb(91,93,98) |
hsl(220,4%,37%) |
| #4e5155 |
rgb(78,81,85) |
hsl(220,4%,32%) |
| #424448 |
rgb(66,68,72) |
hsl(220,4%,27%) |
| #36373a |
rgb(54,55,58) |
hsl(220,4%,22%) |
| #2a2b2d |
rgb(42,43,45) |
hsl(220,4%,17%) |
| #1d1e20 |
rgb(29,30,32) |
hsl(220,4%,12%) |
| #111213 |
rgb(17,18,19) |
hsl(220,4%,7%) |
| #050505 |
rgb(5,5,5) |
hsl(220,4%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #424748 |
rgb(66,71,72) |
hsl(190,4%,27%) |
| #424448 |
rgb(66,68,72) |
hsl(220,4%,27%) |
| #444248 |
rgb(68,66,72) |
hsl(260,4%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4C4F53 |
rgb(76,79,83) |
hsl(214,4%,31%) |
| #424448 |
rgb(66,68,72) |
hsl(220,4%,27%) |
| #37383C |
rgb(55,56,60) |
hsl(228,4%,23%) |
| #2C2E30 |
rgb(44,46,48) |
hsl(210,4%,18%) |
| #222425 |
rgb(34,36,37) |
hsl(200,4%,14%) |
| #171A19 |
rgb(23,26,25) |
hsl(160,6%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #424448 |
rgb(66,68,72) |
hsl(220,4%,27%) |
| #484242 |
rgb(72,66,66) |
hsl(360,4%,27%) |
| #474742 |
rgb(71,71,66) |
hsl(60,4%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #424448 |
rgb(66,68,72) |
hsl(220,4%,27%) |
| #484542 |
rgb(72,69,66) |
hsl(30,4%,27%) |
| #424748 |
rgb(66,71,72) |
hsl(190,4%,27%) |
| #474742 |
rgb(71,71,66) |
hsl(60,4%,27%) |
