HEX #3D444C color — Mako

The color #3d444c is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

3d444c color palette from light to dark

HEX RGB HSL
#f7f7f8 rgb(247,247,248) hsl(212,11%,97%)
#e8eaed rgb(232,234,237) hsl(212,11%,92%)
#dadee1 rgb(218,222,225) hsl(212,11%,87%)
#ccd1d6 rgb(204,209,214) hsl(212,11%,82%)
#bec4cb rgb(190,196,203) hsl(212,11%,77%)
#b0b7bf rgb(176,183,191) hsl(212,11%,72%)
#a2aab4 rgb(162,170,180) hsl(212,11%,67%)
#939da9 rgb(147,157,169) hsl(212,11%,62%)
#85919d rgb(133,145,157) hsl(212,11%,57%)
#778492 rgb(119,132,146) hsl(212,11%,52%)
#6b7785 rgb(107,119,133) hsl(212,11%,47%)
#5f6a77 rgb(95,106,119) hsl(212,11%,42%)
#545e69 rgb(84,94,105) hsl(212,11%,37%)
#49515b rgb(73,81,91) hsl(212,11%,32%)
#3d444c rgb(61,68,76) hsl(212,11%,27%)
#32383e rgb(50,56,62) hsl(212,11%,22%)
#272b30 rgb(39,43,48) hsl(212,11%,17%)
#1b1e22 rgb(27,30,34) hsl(212,11%,12%)
#101214 rgb(16,18,20) hsl(212,11%,7%)
#050506 rgb(5,5,6) hsl(212,11%,2%)

Adjacent colors

HEX RGB HSL
#3D4D4A rgb(61,77,74) hsl(169,12%,27%)
#3D444C rgb(61,68,76) hsl(212,11%,27%)
#403D4C rgb(64,61,76) hsl(252,11%,27%)

Monochromatic colors

HEX RGB HSL
#464F58 rgb(70,79,88) hsl(210,11%,31%)
#3D444C rgb(61,68,76) hsl(212,11%,27%)
#33383F rgb(51,56,63) hsl(215,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
#3D444C rgb(61,68,76) hsl(212,11%,27%)
#4C3D3D rgb(76,61,61) hsl(360,11%,27%)
#4B4D3D rgb(75,77,61) hsl(68,12%,27%)

Tetrad color palettes

HEX RGB HSL
#3D444C rgb(61,68,76) hsl(212,11%,27%)
#4C453D rgb(76,69,61) hsl(32,11%,27%)
#3D4D4C rgb(61,77,76) hsl(176,12%,27%)
#4B4D3D rgb(75,77,61) hsl(68,12%,27%)