HEX #404245 color — Mako
The color #404245 is a dark shade and desaturated.
Palette
404245 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5f5 |
rgb(244,245,245) |
hsl(216,4%,96%) |
| #e7e8e9 |
rgb(231,232,233) |
hsl(216,4%,91%) |
| #dadbdd |
rgb(218,219,221) |
hsl(216,4%,86%) |
| #cdced0 |
rgb(205,206,208) |
hsl(216,4%,81%) |
| #bfc1c4 |
rgb(191,193,196) |
hsl(216,4%,76%) |
| #b2b4b8 |
rgb(178,180,184) |
hsl(216,4%,71%) |
| #a5a8ac |
rgb(165,168,172) |
hsl(216,4%,66%) |
| #989ba0 |
rgb(152,155,160) |
hsl(216,4%,61%) |
| #8a8e93 |
rgb(138,142,147) |
hsl(216,4%,56%) |
| #7d8187 |
rgb(125,129,135) |
hsl(216,4%,51%) |
| #71747a |
rgb(113,116,122) |
hsl(216,4%,46%) |
| #64686d |
rgb(100,104,109) |
hsl(216,4%,41%) |
| #585b5f |
rgb(88,91,95) |
hsl(216,4%,36%) |
| #4c4e52 |
rgb(76,78,82) |
hsl(216,4%,31%) |
| #404245 |
rgb(64,66,69) |
hsl(216,4%,26%) |
| #333538 |
rgb(51,53,56) |
hsl(216,4%,21%) |
| #27282a |
rgb(39,40,42) |
hsl(216,4%,16%) |
| #1b1c1d |
rgb(27,28,29) |
hsl(216,4%,11%) |
| #0f0f10 |
rgb(15,15,16) |
hsl(216,4%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(216,4%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #404544 |
rgb(64,69,68) |
hsl(168,4%,26%) |
| #404245 |
rgb(64,66,69) |
hsl(216,4%,26%) |
| #414045 |
rgb(65,64,69) |
hsl(252,4%,26%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #4A4D50 |
rgb(74,77,80) |
hsl(210,4%,30%) |
| #404245 |
rgb(64,66,69) |
hsl(216,4%,26%) |
| #353839 |
rgb(53,56,57) |
hsl(195,4%,22%) |
| #2B2E2E |
rgb(43,46,46) |
hsl(180,3%,17%) |
| #212123 |
rgb(33,33,35) |
hsl(240,3%,13%) |
| #171718 |
rgb(23,23,24) |
hsl(240,2%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #404245 |
rgb(64,66,69) |
hsl(216,4%,26%) |
| #454040 |
rgb(69,64,64) |
hsl(360,4%,26%) |
| #444540 |
rgb(68,69,64) |
hsl(72,4%,26%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #404245 |
rgb(64,66,69) |
hsl(216,4%,26%) |
| #454240 |
rgb(69,66,64) |
hsl(24,4%,26%) |
| #404545 |
rgb(64,69,69) |
hsl(180,4%,26%) |
| #444540 |
rgb(68,69,64) |
hsl(72,4%,26%) |
