HEX #424C52 color — Mako
The color #424c52 is a dark shade and slightly desaturated.
Palette
424c52 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(203,11%,99%) |
| #eef0f1 |
rgb(238,240,241) |
hsl(203,11%,94%) |
| #e0e4e6 |
rgb(224,228,230) |
hsl(203,11%,89%) |
| #d2d7db |
rgb(210,215,219) |
hsl(203,11%,84%) |
| #c4cbcf |
rgb(196,203,207) |
hsl(203,11%,79%) |
| #b5bec4 |
rgb(181,190,196) |
hsl(203,11%,74%) |
| #a7b2b9 |
rgb(167,178,185) |
hsl(203,11%,69%) |
| #99a6ad |
rgb(153,166,173) |
hsl(203,11%,64%) |
| #8b99a2 |
rgb(139,153,162) |
hsl(203,11%,59%) |
| #7d8d97 |
rgb(125,141,151) |
hsl(203,11%,54%) |
| #6f808b |
rgb(111,128,139) |
hsl(203,11%,49%) |
| #64737d |
rgb(100,115,125) |
hsl(203,11%,44%) |
| #59666e |
rgb(89,102,110) |
hsl(203,11%,39%) |
| #4d5960 |
rgb(77,89,96) |
hsl(203,11%,34%) |
| #424c52 |
rgb(66,76,82) |
hsl(203,11%,29%) |
| #363f44 |
rgb(54,63,68) |
hsl(203,11%,24%) |
| #2b3236 |
rgb(43,50,54) |
hsl(203,11%,19%) |
| #202528 |
rgb(32,37,40) |
hsl(203,11%,14%) |
| #141819 |
rgb(20,24,25) |
hsl(203,11%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(203,11%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #42524D |
rgb(66,82,77) |
hsl(161,11%,29%) |
| #424C52 |
rgb(66,76,82) |
hsl(203,11%,29%) |
| #424252 |
rgb(66,66,82) |
hsl(240,11%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4C595F |
rgb(76,89,95) |
hsl(199,11%,34%) |
| #424C52 |
rgb(66,76,82) |
hsl(203,11%,29%) |
| #374044 |
rgb(55,64,68) |
hsl(198,11%,24%) |
| #2C3337 |
rgb(44,51,55) |
hsl(202,11%,19%) |
| #22262A |
rgb(34,38,42) |
hsl(210,11%,15%) |
| #171C1D |
rgb(23,28,29) |
hsl(190,12%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #424C52 |
rgb(66,76,82) |
hsl(203,11%,29%) |
| #524244 |
rgb(82,66,68) |
hsl(353,11%,29%) |
| #524F42 |
rgb(82,79,66) |
hsl(49,11%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #424C52 |
rgb(66,76,82) |
hsl(203,11%,29%) |
| #524742 |
rgb(82,71,66) |
hsl(19,11%,29%) |
| #425250 |
rgb(66,82,80) |
hsl(173,11%,29%) |
| #524F42 |
rgb(82,79,66) |
hsl(49,11%,29%) |
