HEX #3D454C color — Mako
The color #3d454c is a dark shade and slightly desaturated.
Palette
3d454c color palette from light to dark
HEX |
RGB |
HSL |
#f7f7f8 |
rgb(247,247,248) |
hsl(208,11%,97%) |
#e8ebed |
rgb(232,235,237) |
hsl(208,11%,92%) |
#dadee1 |
rgb(218,222,225) |
hsl(208,11%,87%) |
#ccd1d6 |
rgb(204,209,214) |
hsl(208,11%,82%) |
#bec5cb |
rgb(190,197,203) |
hsl(208,11%,77%) |
#b0b8bf |
rgb(176,184,191) |
hsl(208,11%,72%) |
#a2abb4 |
rgb(162,171,180) |
hsl(208,11%,67%) |
#939fa9 |
rgb(147,159,169) |
hsl(208,11%,62%) |
#85929d |
rgb(133,146,157) |
hsl(208,11%,57%) |
#778592 |
rgb(119,133,146) |
hsl(208,11%,52%) |
#6b7985 |
rgb(107,121,133) |
hsl(208,11%,47%) |
#5f6c77 |
rgb(95,108,119) |
hsl(208,11%,42%) |
#545f69 |
rgb(84,95,105) |
hsl(208,11%,37%) |
#49525b |
rgb(73,82,91) |
hsl(208,11%,32%) |
#3d454c |
rgb(61,69,76) |
hsl(208,11%,27%) |
#32393e |
rgb(50,57,62) |
hsl(208,11%,22%) |
#272c30 |
rgb(39,44,48) |
hsl(208,11%,17%) |
#1b1f22 |
rgb(27,31,34) |
hsl(208,11%,12%) |
#101214 |
rgb(16,18,20) |
hsl(208,11%,7%) |
#050506 |
rgb(5,5,6) |
hsl(208,11%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D4D49 |
rgb(61,77,73) |
hsl(165,12%,27%) |
#3D454C |
rgb(61,69,76) |
hsl(208,11%,27%) |
#3F3D4C |
rgb(63,61,76) |
hsl(248,11%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#464F58 |
rgb(70,79,88) |
hsl(210,11%,31%) |
#3D454C |
rgb(61,69,76) |
hsl(208,11%,27%) |
#333B3F |
rgb(51,59,63) |
hsl(200,11%,22%) |
#292E33 |
rgb(41,46,51) |
hsl(210,11%,18%) |
#1F2427 |
rgb(31,36,39) |
hsl(203,11%,14%) |
#151A1B |
rgb(21,26,27) |
hsl(190,13%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D454C |
rgb(61,69,76) |
hsl(208,11%,27%) |
#4C3D3D |
rgb(76,61,61) |
hsl(360,11%,27%) |
#4C4D3D |
rgb(76,77,61) |
hsl(64,12%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D454C |
rgb(61,69,76) |
hsl(208,11%,27%) |
#4C453D |
rgb(76,69,61) |
hsl(32,11%,27%) |
#3D4D4B |
rgb(61,77,75) |
hsl(173,12%,27%) |
#4C4D3D |
rgb(76,77,61) |
hsl(64,12%,27%) |