HEX #424A53 color — Mako
The color #424A53 is a dark shade and slightly desaturated.
Palette
424A53 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(212,11%,99%) |
| #eef0f1 |
rgb(238,240,241) |
hsl(212,11%,94%) |
| #e0e3e6 |
rgb(224,227,230) |
hsl(212,11%,89%) |
| #d2d6db |
rgb(210,214,219) |
hsl(212,11%,84%) |
| #c4c9cf |
rgb(196,201,207) |
hsl(212,11%,79%) |
| #b5bcc4 |
rgb(181,188,196) |
hsl(212,11%,74%) |
| #a7afb9 |
rgb(167,175,185) |
hsl(212,11%,69%) |
| #99a3ad |
rgb(153,163,173) |
hsl(212,11%,64%) |
| #8b96a2 |
rgb(139,150,162) |
hsl(212,11%,59%) |
| #7d8997 |
rgb(125,137,151) |
hsl(212,11%,54%) |
| #6f7c8b |
rgb(111,124,139) |
hsl(212,11%,49%) |
| #646f7d |
rgb(100,111,125) |
hsl(212,11%,44%) |
| #59636e |
rgb(89,99,110) |
hsl(212,11%,39%) |
| #4d5660 |
rgb(77,86,96) |
hsl(212,11%,34%) |
| #424952 |
rgb(66,73,82) |
hsl(212,11%,29%) |
| #363d44 |
rgb(54,61,68) |
hsl(212,11%,24%) |
| #2b3036 |
rgb(43,48,54) |
hsl(212,11%,19%) |
| #202328 |
rgb(32,35,40) |
hsl(212,11%,14%) |
| #141719 |
rgb(20,23,25) |
hsl(212,11%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(212,11%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #425450 |
rgb(66,84,80) |
hsl(167,12%,29%) |
| #424A53 |
rgb(66,74,83) |
hsl(212,11%,29%) |
| #454253 |
rgb(69,66,83) |
hsl(251,11%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4C5760 |
rgb(76,87,96) |
hsl(207,12%,34%) |
| #424A53 |
rgb(66,74,83) |
hsl(212,11%,29%) |
| #373D45 |
rgb(55,61,69) |
hsl(214,11%,24%) |
| #2C3338 |
rgb(44,51,56) |
hsl(205,12%,20%) |
| #22262B |
rgb(34,38,43) |
hsl(213,12%,15%) |
| #171A1D |
rgb(23,26,29) |
hsl(210,12%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #424A53 |
rgb(66,74,83) |
hsl(212,11%,29%) |
| #534242 |
rgb(83,66,66) |
hsl(360,11%,29%) |
| #525442 |
rgb(82,84,66) |
hsl(67,12%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #424A53 |
rgb(66,74,83) |
hsl(212,11%,29%) |
| #534A42 |
rgb(83,74,66) |
hsl(28,11%,29%) |
| #425253 |
rgb(66,82,83) |
hsl(184,11%,29%) |
| #525442 |
rgb(82,84,66) |
hsl(67,12%,29%) |
