HEX #3D464C color — Mako
The color #3d464c is a dark shade and slightly desaturated.
Palette
3d464c color palette from light to dark
HEX |
RGB |
HSL |
#f7f8f8 |
rgb(247,248,248) |
hsl(204,11%,97%) |
#e8ebed |
rgb(232,235,237) |
hsl(204,11%,92%) |
#dadfe1 |
rgb(218,223,225) |
hsl(204,11%,87%) |
#ccd2d6 |
rgb(204,210,214) |
hsl(204,11%,82%) |
#bec6cb |
rgb(190,198,203) |
hsl(204,11%,77%) |
#b0b9bf |
rgb(176,185,191) |
hsl(204,11%,72%) |
#a2adb4 |
rgb(162,173,180) |
hsl(204,11%,67%) |
#93a0a9 |
rgb(147,160,169) |
hsl(204,11%,62%) |
#85949d |
rgb(133,148,157) |
hsl(204,11%,57%) |
#778792 |
rgb(119,135,146) |
hsl(204,11%,52%) |
#6b7a85 |
rgb(107,122,133) |
hsl(204,11%,47%) |
#5f6d77 |
rgb(95,109,119) |
hsl(204,11%,42%) |
#546069 |
rgb(84,96,105) |
hsl(204,11%,37%) |
#49535b |
rgb(73,83,91) |
hsl(204,11%,32%) |
#3d464c |
rgb(61,70,76) |
hsl(204,11%,27%) |
#32393e |
rgb(50,57,62) |
hsl(204,11%,22%) |
#272c30 |
rgb(39,44,48) |
hsl(204,11%,17%) |
#1b1f22 |
rgb(27,31,34) |
hsl(204,11%,12%) |
#101214 |
rgb(16,18,20) |
hsl(204,11%,7%) |
#050506 |
rgb(5,5,6) |
hsl(204,11%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D4D48 |
rgb(61,77,72) |
hsl(161,12%,27%) |
#3D464C |
rgb(61,70,76) |
hsl(204,11%,27%) |
#3E3D4C |
rgb(62,61,76) |
hsl(244,11%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#465258 |
rgb(70,82,88) |
hsl(200,11%,31%) |
#3D464C |
rgb(61,70,76) |
hsl(204,11%,27%) |
#333B3F |
rgb(51,59,63) |
hsl(200,11%,22%) |
#293033 |
rgb(41,48,51) |
hsl(198,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 |
#3D464C |
rgb(61,70,76) |
hsl(204,11%,27%) |
#4C3D3E |
rgb(76,61,62) |
hsl(356,11%,27%) |
#4C4A3D |
rgb(76,74,61) |
hsl(52,11%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D464C |
rgb(61,70,76) |
hsl(204,11%,27%) |
#4C423D |
rgb(76,66,61) |
hsl(20,11%,27%) |
#3D4D4A |
rgb(61,77,74) |
hsl(169,12%,27%) |
#4C4A3D |
rgb(76,74,61) |
hsl(52,11%,27%) |