HEX #3F4248 color — Mako
The color #3F4248 is a dark shade and desaturated.
Palette
3F4248 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 |
#3F4748 |
rgb(63,71,72) |
hsl(187,7%,26%) |
#3F4248 |
rgb(63,66,72) |
hsl(220,7%,26%) |
#424048 |
rgb(66,64,72) |
hsl(255,6%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#494D53 |
rgb(73,77,83) |
hsl(216,6%,31%) |
#3F4248 |
rgb(63,66,72) |
hsl(220,7%,26%) |
#34383C |
rgb(52,56,60) |
hsl(210,7%,22%) |
#2A2E30 |
rgb(42,46,48) |
hsl(200,7%,18%) |
#202125 |
rgb(32,33,37) |
hsl(228,7%,14%) |
#161719 |
rgb(22,23,25) |
hsl(220,6%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F4248 |
rgb(63,66,72) |
hsl(220,7%,26%) |
#48403F |
rgb(72,64,63) |
hsl(7,7%,26%) |
#46473F |
rgb(70,71,63) |
hsl(68,6%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F4248 |
rgb(63,66,72) |
hsl(220,7%,26%) |
#48453F |
rgb(72,69,63) |
hsl(40,7%,26%) |
#3F4748 |
rgb(63,71,72) |
hsl(187,7%,26%) |
#46473F |
rgb(70,71,63) |
hsl(68,6%,26%) |