HEX #3D4046 color — Mako
The color #3D4046 is a dark shade and desaturated.
Palette
3D4046 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5f6 |
rgb(244,245,246) |
hsl(220,7%,96%) |
#e6e8ea |
rgb(230,232,234) |
hsl(220,7%,91%) |
#d9dade |
rgb(217,218,222) |
hsl(220,7%,86%) |
#cbcdd2 |
rgb(203,205,210) |
hsl(220,7%,81%) |
#bec0c6 |
rgb(190,192,198) |
hsl(220,7%,76%) |
#b0b3ba |
rgb(176,179,186) |
hsl(220,7%,71%) |
#a2a6ae |
rgb(162,166,174) |
hsl(220,7%,66%) |
#9599a3 |
rgb(149,153,163) |
hsl(220,7%,61%) |
#878c97 |
rgb(135,140,151) |
hsl(220,7%,56%) |
#797f8b |
rgb(121,127,139) |
hsl(220,7%,51%) |
#6d737e |
rgb(109,115,126) |
hsl(220,7%,46%) |
#616670 |
rgb(97,102,112) |
hsl(220,7%,41%) |
#555a62 |
rgb(85,90,98) |
hsl(220,7%,36%) |
#4a4d55 |
rgb(74,77,85) |
hsl(220,7%,31%) |
#3e4147 |
rgb(62,65,71) |
hsl(220,7%,26%) |
#323439 |
rgb(50,52,57) |
hsl(220,7%,21%) |
#26282c |
rgb(38,40,44) |
hsl(220,7%,16%) |
#1a1b1e |
rgb(26,27,30) |
hsl(220,7%,11%) |
#0e0f10 |
rgb(14,15,16) |
hsl(220,7%,6%) |
#020203 |
rgb(2,2,3) |
hsl(220,7%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D4546 |
rgb(61,69,70) |
hsl(187,7%,26%) |
#3D4046 |
rgb(61,64,70) |
hsl(220,7%,26%) |
#403D46 |
rgb(64,61,70) |
hsl(260,7%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#464A51 |
rgb(70,74,81) |
hsl(218,7%,30%) |
#3D4046 |
rgb(61,64,70) |
hsl(220,7%,26%) |
#33363A |
rgb(51,54,58) |
hsl(214,6%,21%) |
#292B2F |
rgb(41,43,47) |
hsl(220,7%,17%) |
#1F2124 |
rgb(31,33,36) |
hsl(216,7%,13%) |
#151719 |
rgb(21,23,25) |
hsl(210,9%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D4046 |
rgb(61,64,70) |
hsl(220,7%,26%) |
#46403D |
rgb(70,64,61) |
hsl(20,7%,26%) |
#44453D |
rgb(68,69,61) |
hsl(68,6%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D4046 |
rgb(61,64,70) |
hsl(220,7%,26%) |
#46423D |
rgb(70,66,61) |
hsl(33,7%,26%) |
#3D4546 |
rgb(61,69,70) |
hsl(187,7%,26%) |
#44453D |
rgb(68,69,61) |
hsl(68,6%,25%) |