HEX #3D4348 color — Mako
The color #3D4348 is a dark shade and desaturated.
Palette
3D4348 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5f6 |
rgb(244,245,246) |
hsl(207,8%,96%) |
#e6e8ea |
rgb(230,232,234) |
hsl(207,8%,91%) |
#d8dcde |
rgb(216,220,222) |
hsl(207,8%,86%) |
#cbcfd2 |
rgb(203,207,210) |
hsl(207,8%,81%) |
#bdc2c7 |
rgb(189,194,199) |
hsl(207,8%,76%) |
#afb6bb |
rgb(175,182,187) |
hsl(207,8%,71%) |
#a1a9af |
rgb(161,169,175) |
hsl(207,8%,66%) |
#949ca4 |
rgb(148,156,164) |
hsl(207,8%,61%) |
#869098 |
rgb(134,144,152) |
hsl(207,8%,56%) |
#78838c |
rgb(120,131,140) |
hsl(207,8%,51%) |
#6c767f |
rgb(108,118,127) |
hsl(207,8%,46%) |
#606971 |
rgb(96,105,113) |
hsl(207,8%,41%) |
#545d63 |
rgb(84,93,99) |
hsl(207,8%,36%) |
#495055 |
rgb(73,80,85) |
hsl(207,8%,31%) |
#3d4348 |
rgb(61,67,72) |
hsl(207,8%,26%) |
#31363a |
rgb(49,54,58) |
hsl(207,8%,21%) |
#26292c |
rgb(38,41,44) |
hsl(207,8%,16%) |
#1a1c1e |
rgb(26,28,30) |
hsl(207,8%,11%) |
#0e0f11 |
rgb(14,15,17) |
hsl(207,8%,6%) |
#020303 |
rgb(2,3,3) |
hsl(207,8%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D4745 |
rgb(61,71,69) |
hsl(168,8%,26%) |
#3D4348 |
rgb(61,67,72) |
hsl(207,8%,26%) |
#3E3D48 |
rgb(62,61,72) |
hsl(245,8%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#464D53 |
rgb(70,77,83) |
hsl(208,8%,30%) |
#3D4348 |
rgb(61,67,72) |
hsl(207,8%,26%) |
#33383C |
rgb(51,56,60) |
hsl(207,8%,22%) |
#292E30 |
rgb(41,46,48) |
hsl(197,8%,17%) |
#1F2425 |
rgb(31,36,37) |
hsl(190,9%,13%) |
#151719 |
rgb(21,23,25) |
hsl(210,9%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D4348 |
rgb(61,67,72) |
hsl(207,8%,26%) |
#483D3D |
rgb(72,61,61) |
hsl(360,8%,26%) |
#48473D |
rgb(72,71,61) |
hsl(55,8%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D4348 |
rgb(61,67,72) |
hsl(207,8%,26%) |
#48423D |
rgb(72,66,61) |
hsl(27,8%,26%) |
#3D4747 |
rgb(61,71,71) |
hsl(180,8%,26%) |
#48473D |
rgb(72,71,61) |
hsl(55,8%,26%) |