HEX #424A52 color — Mako
The color #424a52 is a dark shade and slightly desaturated.
Palette
424a52 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(210,11%,99%) |
| #eef0f1 |
rgb(238,240,241) |
hsl(210,11%,94%) |
| #e0e3e6 |
rgb(224,227,230) |
hsl(210,11%,89%) |
| #d2d6db |
rgb(210,214,219) |
hsl(210,11%,84%) |
| #c4c9cf |
rgb(196,201,207) |
hsl(210,11%,79%) |
| #b5bdc4 |
rgb(181,189,196) |
hsl(210,11%,74%) |
| #a7b0b9 |
rgb(167,176,185) |
hsl(210,11%,69%) |
| #99a3ad |
rgb(153,163,173) |
hsl(210,11%,64%) |
| #8b96a2 |
rgb(139,150,162) |
hsl(210,11%,59%) |
| #7d8a97 |
rgb(125,138,151) |
hsl(210,11%,54%) |
| #6f7d8b |
rgb(111,125,139) |
hsl(210,11%,49%) |
| #64707d |
rgb(100,112,125) |
hsl(210,11%,44%) |
| #59636e |
rgb(89,99,110) |
hsl(210,11%,39%) |
| #4d5760 |
rgb(77,87,96) |
hsl(210,11%,34%) |
| #424a52 |
rgb(66,74,82) |
hsl(210,11%,29%) |
| #363d44 |
rgb(54,61,68) |
hsl(210,11%,24%) |
| #2b3036 |
rgb(43,48,54) |
hsl(210,11%,19%) |
| #202428 |
rgb(32,36,40) |
hsl(210,11%,14%) |
| #141719 |
rgb(20,23,25) |
hsl(210,11%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(210,11%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #42524F |
rgb(66,82,79) |
hsl(169,11%,29%) |
| #424A52 |
rgb(66,74,82) |
hsl(210,11%,29%) |
| #444252 |
rgb(68,66,82) |
hsl(248,11%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4C575F |
rgb(76,87,95) |
hsl(205,11%,34%) |
| #424A52 |
rgb(66,74,82) |
hsl(210,11%,29%) |
| #373D44 |
rgb(55,61,68) |
hsl(212,11%,24%) |
| #2C3337 |
rgb(44,51,55) |
hsl(202,11%,19%) |
| #22262A |
rgb(34,38,42) |
hsl(210,11%,15%) |
| #171A1D |
rgb(23,26,29) |
hsl(210,12%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #424A52 |
rgb(66,74,82) |
hsl(210,11%,29%) |
| #524242 |
rgb(82,66,66) |
hsl(360,11%,29%) |
| #525242 |
rgb(82,82,66) |
hsl(60,11%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #424A52 |
rgb(66,74,82) |
hsl(210,11%,29%) |
| #524A42 |
rgb(82,74,66) |
hsl(30,11%,29%) |
| #425252 |
rgb(66,82,82) |
hsl(180,11%,29%) |
| #525242 |
rgb(82,82,66) |
hsl(60,11%,29%) |
