HEX #3F4146 color — Mako
The color #3f4146 is a dark shade and desaturated.
Palette
3f4146 color palette from light to dark
HEX |
RGB |
HSL |
#f4f5f5 |
rgb(244,245,245) |
hsl(223,5%,96%) |
#e7e8e9 |
rgb(231,232,233) |
hsl(223,5%,91%) |
#dadbdd |
rgb(218,219,221) |
hsl(223,5%,86%) |
#ccced1 |
rgb(204,206,209) |
hsl(223,5%,81%) |
#bfc0c5 |
rgb(191,192,197) |
hsl(223,5%,76%) |
#b1b3b9 |
rgb(177,179,185) |
hsl(223,5%,71%) |
#a4a6ad |
rgb(164,166,173) |
hsl(223,5%,66%) |
#9799a1 |
rgb(151,153,161) |
hsl(223,5%,61%) |
#898c94 |
rgb(137,140,148) |
hsl(223,5%,56%) |
#7c7f88 |
rgb(124,127,136) |
hsl(223,5%,51%) |
#6f737b |
rgb(111,115,123) |
hsl(223,5%,46%) |
#63666e |
rgb(99,102,110) |
hsl(223,5%,41%) |
#575a60 |
rgb(87,90,96) |
hsl(223,5%,36%) |
#4b4d53 |
rgb(75,77,83) |
hsl(223,5%,31%) |
#3f4146 |
rgb(63,65,70) |
hsl(223,5%,26%) |
#333438 |
rgb(51,52,56) |
hsl(223,5%,21%) |
#27282b |
rgb(39,40,43) |
hsl(223,5%,16%) |
#1b1b1d |
rgb(27,27,29) |
hsl(223,5%,11%) |
#0f0f10 |
rgb(15,15,16) |
hsl(223,5%,6%) |
#020203 |
rgb(2,2,3) |
hsl(223,5%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F4546 |
rgb(63,69,70) |
hsl(189,5%,26%) |
#3F4146 |
rgb(63,65,70) |
hsl(223,5%,26%) |
#414046 |
rgb(65,64,70) |
hsl(250,4%,26%) |
Monochromatic colors
HEX |
RGB |
HSL |
#494D51 |
rgb(73,77,81) |
hsl(210,5%,30%) |
#3F4146 |
rgb(63,65,70) |
hsl(223,5%,26%) |
#34363A |
rgb(52,54,58) |
hsl(220,5%,22%) |
#2A2B2F |
rgb(42,43,47) |
hsl(228,6%,17%) |
#202124 |
rgb(32,33,36) |
hsl(225,6%,13%) |
#161719 |
rgb(22,23,25) |
hsl(220,6%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F4146 |
rgb(63,65,70) |
hsl(223,5%,26%) |
#46403F |
rgb(70,64,63) |
hsl(9,5%,26%) |
#44453F |
rgb(68,69,63) |
hsl(70,5%,26%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F4146 |
rgb(63,65,70) |
hsl(223,5%,26%) |
#46453F |
rgb(70,69,63) |
hsl(51,5%,26%) |
#3F4546 |
rgb(63,69,70) |
hsl(189,5%,26%) |
#44453F |
rgb(68,69,63) |
hsl(70,5%,26%) |