HEX #40424C color — Mako
The color #40424C is a dark shade and desaturated.
Palette
40424C color palette from light to dark
| HEX |
RGB |
HSL |
| #f7f7f8 |
rgb(247,247,248) |
hsl(230,9%,97%) |
| #e9e9ec |
rgb(233,233,236) |
hsl(230,9%,92%) |
| #dbdce1 |
rgb(219,220,225) |
hsl(230,9%,87%) |
| #cdced5 |
rgb(205,206,213) |
hsl(230,9%,82%) |
| #bfc1ca |
rgb(191,193,202) |
hsl(230,9%,77%) |
| #b1b3be |
rgb(177,179,190) |
hsl(230,9%,72%) |
| #a3a6b2 |
rgb(163,166,178) |
hsl(230,9%,67%) |
| #9598a7 |
rgb(149,152,167) |
hsl(230,9%,62%) |
| #878b9b |
rgb(135,139,155) |
hsl(230,9%,57%) |
| #7a7d90 |
rgb(122,125,144) |
hsl(230,9%,52%) |
| #6d7183 |
rgb(109,113,131) |
hsl(230,9%,47%) |
| #616575 |
rgb(97,101,117) |
hsl(230,9%,42%) |
| #565967 |
rgb(86,89,103) |
hsl(230,9%,37%) |
| #4a4d59 |
rgb(74,77,89) |
hsl(230,9%,32%) |
| #3f414b |
rgb(63,65,75) |
hsl(230,9%,27%) |
| #33353d |
rgb(51,53,61) |
hsl(230,9%,22%) |
| #27292f |
rgb(39,41,47) |
hsl(230,9%,17%) |
| #1c1d21 |
rgb(28,29,33) |
hsl(230,9%,12%) |
| #101113 |
rgb(16,17,19) |
hsl(230,9%,7%) |
| #050506 |
rgb(5,5,6) |
hsl(230,9%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #404A4C |
rgb(64,74,76) |
hsl(190,9%,27%) |
| #40424C |
rgb(64,66,76) |
hsl(230,9%,27%) |
| #46404C |
rgb(70,64,76) |
hsl(270,9%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4A4D58 |
rgb(74,77,88) |
hsl(227,9%,32%) |
| #40424C |
rgb(64,66,76) |
hsl(230,9%,27%) |
| #35383F |
rgb(53,56,63) |
hsl(222,9%,23%) |
| #2B2E33 |
rgb(43,46,51) |
hsl(218,9%,18%) |
| #212127 |
rgb(33,33,39) |
hsl(240,8%,14%) |
| #17171B |
rgb(23,23,27) |
hsl(240,8%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #40424C |
rgb(64,66,76) |
hsl(230,9%,27%) |
| #4C4540 |
rgb(76,69,64) |
hsl(25,9%,27%) |
| #484D40 |
rgb(72,77,64) |
hsl(83,9%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #40424C |
rgb(64,66,76) |
hsl(230,9%,27%) |
| #4C4A40 |
rgb(76,74,64) |
hsl(50,9%,27%) |
| #40474C |
rgb(64,71,76) |
hsl(205,9%,27%) |
| #484D40 |
rgb(72,77,64) |
hsl(83,9%,28%) |
