HEX #424B52 color — Mako
The color #424b52 is a dark shade and slightly desaturated.
Palette
424b52 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(206,11%,99%) |
| #eef0f1 |
rgb(238,240,241) |
hsl(206,11%,94%) |
| #e0e3e6 |
rgb(224,227,230) |
hsl(206,11%,89%) |
| #d2d7db |
rgb(210,215,219) |
hsl(206,11%,84%) |
| #c4cacf |
rgb(196,202,207) |
hsl(206,11%,79%) |
| #b5bec4 |
rgb(181,190,196) |
hsl(206,11%,74%) |
| #a7b1b9 |
rgb(167,177,185) |
hsl(206,11%,69%) |
| #99a5ad |
rgb(153,165,173) |
hsl(206,11%,64%) |
| #8b98a2 |
rgb(139,152,162) |
hsl(206,11%,59%) |
| #7d8b97 |
rgb(125,139,151) |
hsl(206,11%,54%) |
| #6f7f8b |
rgb(111,127,139) |
hsl(206,11%,49%) |
| #64727d |
rgb(100,114,125) |
hsl(206,11%,44%) |
| #59656e |
rgb(89,101,110) |
hsl(206,11%,39%) |
| #4d5860 |
rgb(77,88,96) |
hsl(206,11%,34%) |
| #424b52 |
rgb(66,75,82) |
hsl(206,11%,29%) |
| #363e44 |
rgb(54,62,68) |
hsl(206,11%,24%) |
| #2b3136 |
rgb(43,49,54) |
hsl(206,11%,19%) |
| #202428 |
rgb(32,36,40) |
hsl(206,11%,14%) |
| #141719 |
rgb(20,23,25) |
hsl(206,11%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(206,11%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #42524E |
rgb(66,82,78) |
hsl(165,11%,29%) |
| #424B52 |
rgb(66,75,82) |
hsl(206,11%,29%) |
| #434252 |
rgb(67,66,82) |
hsl(244,11%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4C575F |
rgb(76,87,95) |
hsl(205,11%,34%) |
| #424B52 |
rgb(66,75,82) |
hsl(206,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 |
| #424B52 |
rgb(66,75,82) |
hsl(206,11%,29%) |
| #524243 |
rgb(82,66,67) |
hsl(356,11%,29%) |
| #525242 |
rgb(82,82,66) |
hsl(60,11%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #424B52 |
rgb(66,75,82) |
hsl(206,11%,29%) |
| #524A42 |
rgb(82,74,66) |
hsl(30,11%,29%) |
| #425251 |
rgb(66,82,81) |
hsl(176,11%,29%) |
| #525242 |
rgb(82,82,66) |
hsl(60,11%,29%) |
