HEX #3F424A color — Mako
The color #3f424a is a dark shade and desaturated.
Palette
3f424a color palette from light to dark
HEX |
RGB |
HSL |
#f7f7f8 |
rgb(247,247,248) |
hsl(224,8%,97%) |
#e9eaec |
rgb(233,234,236) |
hsl(224,8%,92%) |
#dbdde1 |
rgb(219,221,225) |
hsl(224,8%,87%) |
#cdcfd5 |
rgb(205,207,213) |
hsl(224,8%,82%) |
#c0c2c9 |
rgb(192,194,201) |
hsl(224,8%,77%) |
#b2b5bd |
rgb(178,181,189) |
hsl(224,8%,72%) |
#a4a8b2 |
rgb(164,168,178) |
hsl(224,8%,67%) |
#969aa6 |
rgb(150,154,166) |
hsl(224,8%,62%) |
#898d9a |
rgb(137,141,154) |
hsl(224,8%,57%) |
#7b808e |
rgb(123,128,142) |
hsl(224,8%,52%) |
#6e7381 |
rgb(110,115,129) |
hsl(224,8%,47%) |
#636774 |
rgb(99,103,116) |
hsl(224,8%,42%) |
#575b66 |
rgb(87,91,102) |
hsl(224,8%,37%) |
#4b4f58 |
rgb(75,79,88) |
hsl(224,8%,32%) |
#3f424a |
rgb(63,66,74) |
hsl(224,8%,27%) |
#34363d |
rgb(52,54,61) |
hsl(224,8%,22%) |
#282a2f |
rgb(40,42,47) |
hsl(224,8%,17%) |
#1c1d21 |
rgb(28,29,33) |
hsl(224,8%,12%) |
#101113 |
rgb(16,17,19) |
hsl(224,8%,7%) |
#050506 |
rgb(5,5,6) |
hsl(224,8%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F4A4A |
rgb(63,74,74) |
hsl(180,8%,27%) |
#3F424A |
rgb(63,66,74) |
hsl(224,8%,27%) |
#43404A |
rgb(67,64,74) |
hsl(258,7%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#494D55 |
rgb(73,77,85) |
hsl(220,8%,31%) |
#3F424A |
rgb(63,66,74) |
hsl(224,8%,27%) |
#34383E |
rgb(52,56,62) |
hsl(216,9%,22%) |
#2A2E32 |
rgb(42,46,50) |
hsl(210,9%,18%) |
#202126 |
rgb(32,33,38) |
hsl(230,9%,14%) |
#16171A |
rgb(22,23,26) |
hsl(225,8%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F424A |
rgb(63,66,74) |
hsl(224,8%,27%) |
#4A423F |
rgb(74,66,63) |
hsl(16,8%,27%) |
#474A3F |
rgb(71,74,63) |
hsl(76,8%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F424A |
rgb(63,66,74) |
hsl(224,8%,27%) |
#4A473F |
rgb(74,71,63) |
hsl(44,8%,27%) |
#3F474A |
rgb(63,71,74) |
hsl(196,8%,27%) |
#474A3F |
rgb(71,74,63) |
hsl(76,8%,27%) |