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%) |