HEX #3D454D color — Mako
The color #3D454D is a dark shade and slightly desaturated.
Palette
3D454D color palette from light to dark
| HEX |
RGB |
HSL |
| #f6f7f8 |
rgb(246,247,248) |
hsl(210,12%,97%) |
| #e8ebed |
rgb(232,235,237) |
hsl(210,12%,92%) |
| #dadee2 |
rgb(218,222,226) |
hsl(210,12%,87%) |
| #ccd1d7 |
rgb(204,209,215) |
hsl(210,12%,82%) |
| #bdc4cb |
rgb(189,196,203) |
hsl(210,12%,77%) |
| #afb8c0 |
rgb(175,184,192) |
hsl(210,12%,72%) |
| #a1abb5 |
rgb(161,171,181) |
hsl(210,12%,67%) |
| #929eaa |
rgb(146,158,170) |
hsl(210,12%,62%) |
| #84919f |
rgb(132,145,159) |
hsl(210,12%,57%) |
| #768593 |
rgb(118,133,147) |
hsl(210,12%,52%) |
| #697886 |
rgb(105,120,134) |
hsl(210,12%,47%) |
| #5e6b78 |
rgb(94,107,120) |
hsl(210,12%,42%) |
| #535e6a |
rgb(83,94,106) |
hsl(210,12%,37%) |
| #48525b |
rgb(72,82,91) |
hsl(210,12%,32%) |
| #3d454d |
rgb(61,69,77) |
hsl(210,12%,27%) |
| #31383f |
rgb(49,56,63) |
hsl(210,12%,22%) |
| #262b31 |
rgb(38,43,49) |
hsl(210,12%,17%) |
| #1b1f22 |
rgb(27,31,34) |
hsl(210,12%,12%) |
| #101214 |
rgb(16,18,20) |
hsl(210,12%,7%) |
| #040506 |
rgb(4,5,6) |
hsl(210,12%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3D4D4A |
rgb(61,77,74) |
hsl(169,12%,27%) |
| #3D454D |
rgb(61,69,77) |
hsl(210,12%,27%) |
| #3F3D4D |
rgb(63,61,77) |
hsl(248,12%,27%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #464F59 |
rgb(70,79,89) |
hsl(212,12%,31%) |
| #3D454D |
rgb(61,69,77) |
hsl(210,12%,27%) |
| #333B40 |
rgb(51,59,64) |
hsl(203,11%,23%) |
| #292E34 |
rgb(41,46,52) |
hsl(213,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 |
| #3D454D |
rgb(61,69,77) |
hsl(210,12%,27%) |
| #4D3D3D |
rgb(77,61,61) |
hsl(360,12%,27%) |
| #4D4D3D |
rgb(77,77,61) |
hsl(60,12%,27%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3D454D |
rgb(61,69,77) |
hsl(210,12%,27%) |
| #4D453D |
rgb(77,69,61) |
hsl(30,12%,27%) |
| #3D4D4D |
rgb(61,77,77) |
hsl(180,12%,27%) |
| #4D4D3D |
rgb(77,77,61) |
hsl(60,12%,27%) |
