HEX #3F474C color — Mako

The color #3F474C is a dark shade and desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

3F474C color palette from light to dark

HEX RGB HSL
#f7f8f8 rgb(247,248,248) hsl(203,9%,97%)
#e9ebec rgb(233,235,236) hsl(203,9%,92%)
#dbdfe1 rgb(219,223,225) hsl(203,9%,87%)
#cdd2d5 rgb(205,210,213) hsl(203,9%,82%)
#bfc6ca rgb(191,198,202) hsl(203,9%,77%)
#b1b9be rgb(177,185,190) hsl(203,9%,72%)
#a3adb2 rgb(163,173,178) hsl(203,9%,67%)
#95a0a7 rgb(149,160,167) hsl(203,9%,62%)
#87949b rgb(135,148,155) hsl(203,9%,57%)
#7a8790 rgb(122,135,144) hsl(203,9%,52%)
#6d7a83 rgb(109,122,131) hsl(203,9%,47%)
#616d75 rgb(97,109,117) hsl(203,9%,42%)
#566067 rgb(86,96,103) hsl(203,9%,37%)
#4a5359 rgb(74,83,89) hsl(203,9%,32%)
#3f464b rgb(63,70,75) hsl(203,9%,27%)
#33393d rgb(51,57,61) hsl(203,9%,22%)
#272c2f rgb(39,44,47) hsl(203,9%,17%)
#1c1f21 rgb(28,31,33) hsl(203,9%,12%)
#101213 rgb(16,18,19) hsl(203,9%,7%)
#050506 rgb(5,5,6) hsl(203,9%,2%)

Adjacent colors

HEX RGB HSL
#3F4D48 rgb(63,77,72) hsl(159,10%,27%)
#3F474C rgb(63,71,76) hsl(203,9%,27%)
#3F404C rgb(63,64,76) hsl(235,9%,27%)

Monochromatic colors

HEX RGB HSL
#495258 rgb(73,82,88) hsl(204,9%,32%)
#3F474C rgb(63,71,76) hsl(203,9%,27%)
#343B3F rgb(52,59,63) hsl(202,10%,23%)
#2A3033 rgb(42,48,51) hsl(200,10%,18%)
#202427 rgb(32,36,39) hsl(206,10%,14%)
#161A1B rgb(22,26,27) hsl(192,10%,10%)

Triad color palettes

HEX RGB HSL
#3F474C rgb(63,71,76) hsl(203,9%,27%)
#4C4040 rgb(76,64,64) hsl(360,9%,27%)
#4C4A3F rgb(76,74,63) hsl(51,9%,27%)

Tetrad color palettes

HEX RGB HSL
#3F474C rgb(63,71,76) hsl(203,9%,27%)
#4C453F rgb(76,69,63) hsl(28,9%,27%)
#3F4D4A rgb(63,77,74) hsl(167,10%,27%)
#4C4A3F rgb(76,74,63) hsl(51,9%,27%)