HEX #424552 color — Mako
The color #424552 is a dark shade and slightly desaturated.
Palette
424552 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(229,11%,99%) |
| #eeeff1 |
rgb(238,239,241) |
hsl(229,11%,94%) |
| #e0e1e6 |
rgb(224,225,230) |
hsl(229,11%,89%) |
| #d2d3db |
rgb(210,211,219) |
hsl(229,11%,84%) |
| #c4c6cf |
rgb(196,198,207) |
hsl(229,11%,79%) |
| #b5b8c4 |
rgb(181,184,196) |
hsl(229,11%,74%) |
| #a7aab9 |
rgb(167,170,185) |
hsl(229,11%,69%) |
| #999dad |
rgb(153,157,173) |
hsl(229,11%,64%) |
| #8b8fa2 |
rgb(139,143,162) |
hsl(229,11%,59%) |
| #7d8297 |
rgb(125,130,151) |
hsl(229,11%,54%) |
| #6f748b |
rgb(111,116,139) |
hsl(229,11%,49%) |
| #64687d |
rgb(100,104,125) |
hsl(229,11%,44%) |
| #595d6e |
rgb(89,93,110) |
hsl(229,11%,39%) |
| #4d5160 |
rgb(77,81,96) |
hsl(229,11%,34%) |
| #424552 |
rgb(66,69,82) |
hsl(229,11%,29%) |
| #363944 |
rgb(54,57,68) |
hsl(229,11%,24%) |
| #2b2d36 |
rgb(43,45,54) |
hsl(229,11%,19%) |
| #202128 |
rgb(32,33,40) |
hsl(229,11%,14%) |
| #141519 |
rgb(20,21,25) |
hsl(229,11%,9%) |
| #09090b |
rgb(9,9,11) |
hsl(229,11%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #424F52 |
rgb(66,79,82) |
hsl(191,11%,29%) |
| #424552 |
rgb(66,69,82) |
hsl(229,11%,29%) |
| #494252 |
rgb(73,66,82) |
hsl(266,11%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4C4F5F |
rgb(76,79,95) |
hsl(231,11%,34%) |
| #424552 |
rgb(66,69,82) |
hsl(229,11%,29%) |
| #373B44 |
rgb(55,59,68) |
hsl(222,11%,24%) |
| #2C2E37 |
rgb(44,46,55) |
hsl(229,11%,19%) |
| #22242A |
rgb(34,36,42) |
hsl(225,11%,15%) |
| #171A1D |
rgb(23,26,29) |
hsl(210,12%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #424552 |
rgb(66,69,82) |
hsl(229,11%,29%) |
| #524742 |
rgb(82,71,66) |
hsl(19,11%,29%) |
| #4D5242 |
rgb(77,82,66) |
hsl(79,11%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #424552 |
rgb(66,69,82) |
hsl(229,11%,29%) |
| #524F42 |
rgb(82,79,66) |
hsl(49,11%,29%) |
| #424D52 |
rgb(66,77,82) |
hsl(199,11%,29%) |
| #4D5242 |
rgb(77,82,66) |
hsl(79,11%,29%) |
