HEX #3D464D color — Mako
The color #3d464d is a dark shade and slightly desaturated.
Palette
3d464d color palette from light to dark
| HEX |
RGB |
HSL |
| #f6f7f8 |
rgb(246,247,248) |
hsl(206,12%,97%) |
| #e8ebed |
rgb(232,235,237) |
hsl(206,12%,92%) |
| #dadee2 |
rgb(218,222,226) |
hsl(206,12%,87%) |
| #ccd2d7 |
rgb(204,210,215) |
hsl(206,12%,82%) |
| #bdc5cb |
rgb(189,197,203) |
hsl(206,12%,77%) |
| #afb9c0 |
rgb(175,185,192) |
hsl(206,12%,72%) |
| #a1acb5 |
rgb(161,172,181) |
hsl(206,12%,67%) |
| #92a0aa |
rgb(146,160,170) |
hsl(206,12%,62%) |
| #84939f |
rgb(132,147,159) |
hsl(206,12%,57%) |
| #768793 |
rgb(118,135,147) |
hsl(206,12%,52%) |
| #697a86 |
rgb(105,122,134) |
hsl(206,12%,47%) |
| #5e6d78 |
rgb(94,109,120) |
hsl(206,12%,42%) |
| #53606a |
rgb(83,96,106) |
hsl(206,12%,37%) |
| #48535b |
rgb(72,83,91) |
hsl(206,12%,32%) |
| #3d464d |
rgb(61,70,77) |
hsl(206,12%,27%) |
| #31393f |
rgb(49,57,63) |
hsl(206,12%,22%) |
| #262c31 |
rgb(38,44,49) |
hsl(206,12%,17%) |
| #1b1f22 |
rgb(27,31,34) |
hsl(206,12%,12%) |
| #101214 |
rgb(16,18,20) |
hsl(206,12%,7%) |
| #040506 |
rgb(4,5,6) |
hsl(206,12%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3D4D49 |
rgb(61,77,73) |
hsl(165,12%,27%) |
| #3D464D |
rgb(61,70,77) |
hsl(206,12%,27%) |
| #3E3D4D |
rgb(62,61,77) |
hsl(244,12%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #465259 |
rgb(70,82,89) |
hsl(202,12%,31%) |
| #3D464D |
rgb(61,70,77) |
hsl(206,12%,27%) |
| #333B40 |
rgb(51,59,64) |
hsl(203,11%,23%) |
| #293034 |
rgb(41,48,52) |
hsl(202,12%,18%) |
| #1F2428 |
rgb(31,36,40) |
hsl(207,13%,14%) |
| #151A1B |
rgb(21,26,27) |
hsl(190,13%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3D464D |
rgb(61,70,77) |
hsl(206,12%,27%) |
| #4D3D3E |
rgb(77,61,62) |
hsl(356,12%,27%) |
| #4D4D3D |
rgb(77,77,61) |
hsl(60,12%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3D464D |
rgb(61,70,77) |
hsl(206,12%,27%) |
| #4D453D |
rgb(77,69,61) |
hsl(30,12%,27%) |
| #3D4D4C |
rgb(61,77,76) |
hsl(176,12%,27%) |
| #4D4D3D |
rgb(77,77,61) |
hsl(60,12%,27%) |
