HEX #404552 color — Mako
The color #404552 is a dark shade and slightly desaturated.
Palette
404552 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(223,12%,99%) |
| #eeeff2 |
rgb(238,239,242) |
hsl(223,12%,94%) |
| #e0e1e6 |
rgb(224,225,230) |
hsl(223,12%,89%) |
| #d1d4db |
rgb(209,212,219) |
hsl(223,12%,84%) |
| #c3c7d0 |
rgb(195,199,208) |
hsl(223,12%,79%) |
| #b5b9c5 |
rgb(181,185,197) |
hsl(223,12%,74%) |
| #a6acb9 |
rgb(166,172,185) |
hsl(223,12%,69%) |
| #989eae |
rgb(152,158,174) |
hsl(223,12%,64%) |
| #8a91a3 |
rgb(138,145,163) |
hsl(223,12%,59%) |
| #7c8498 |
rgb(124,132,152) |
hsl(223,12%,54%) |
| #6e768c |
rgb(110,118,140) |
hsl(223,12%,49%) |
| #636a7e |
rgb(99,106,126) |
hsl(223,12%,44%) |
| #585e6f |
rgb(88,94,111) |
hsl(223,12%,39%) |
| #4c5261 |
rgb(76,82,97) |
hsl(223,12%,34%) |
| #414653 |
rgb(65,70,83) |
hsl(223,12%,29%) |
| #363a45 |
rgb(54,58,69) |
hsl(223,12%,24%) |
| #2b2e36 |
rgb(43,46,54) |
hsl(223,12%,19%) |
| #1f2228 |
rgb(31,34,40) |
hsl(223,12%,14%) |
| #14161a |
rgb(20,22,26) |
hsl(223,12%,9%) |
| #090a0b |
rgb(9,10,11) |
hsl(223,12%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #405252 |
rgb(64,82,82) |
hsl(180,12%,29%) |
| #404552 |
rgb(64,69,82) |
hsl(223,12%,29%) |
| #474052 |
rgb(71,64,82) |
hsl(263,12%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4A4F5F |
rgb(74,79,95) |
hsl(226,12%,33%) |
| #404552 |
rgb(64,69,82) |
hsl(223,12%,29%) |
| #353B44 |
rgb(53,59,68) |
hsl(216,12%,24%) |
| #2B2E37 |
rgb(43,46,55) |
hsl(225,12%,19%) |
| #21242A |
rgb(33,36,42) |
hsl(220,12%,15%) |
| #171A1D |
rgb(23,26,29) |
hsl(210,12%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #404552 |
rgb(64,69,82) |
hsl(223,12%,29%) |
| #524540 |
rgb(82,69,64) |
hsl(17,12%,29%) |
| #4E5240 |
rgb(78,82,64) |
hsl(73,12%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #404552 |
rgb(64,69,82) |
hsl(223,12%,29%) |
| #524D40 |
rgb(82,77,64) |
hsl(43,12%,29%) |
| #404F52 |
rgb(64,79,82) |
hsl(190,12%,29%) |
| #4E5240 |
rgb(78,82,64) |
hsl(73,12%,29%) |
