HEX #3D444C color — Mako
The color #3d444c is a dark shade and slightly desaturated.
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%) |