HEX #3F4650 color — Mako
The color #3f4650 is a dark shade and slightly desaturated.
Palette
3f4650 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(215,12%,98%) |
#ebedef |
rgb(235,237,239) |
hsl(215,12%,93%) |
#dde0e4 |
rgb(221,224,228) |
hsl(215,12%,88%) |
#ced3d9 |
rgb(206,211,217) |
hsl(215,12%,83%) |
#c0c6ce |
rgb(192,198,206) |
hsl(215,12%,78%) |
#b2b9c2 |
rgb(178,185,194) |
hsl(215,12%,73%) |
#a4acb7 |
rgb(164,172,183) |
hsl(215,12%,68%) |
#959fac |
rgb(149,159,172) |
hsl(215,12%,63%) |
#8792a1 |
rgb(135,146,161) |
hsl(215,12%,58%) |
#798596 |
rgb(121,133,150) |
hsl(215,12%,53%) |
#6c7889 |
rgb(108,120,137) |
hsl(215,12%,48%) |
#606b7b |
rgb(96,107,123) |
hsl(215,12%,43%) |
#555f6d |
rgb(85,95,109) |
hsl(215,12%,38%) |
#4a525e |
rgb(74,82,94) |
hsl(215,12%,33%) |
#3f4650 |
rgb(63,70,80) |
hsl(215,12%,28%) |
#343942 |
rgb(52,57,66) |
hsl(215,12%,23%) |
#282d33 |
rgb(40,45,51) |
hsl(215,12%,18%) |
#1d2025 |
rgb(29,32,37) |
hsl(215,12%,13%) |
#121417 |
rgb(18,20,23) |
hsl(215,12%,8%) |
#070709 |
rgb(7,7,9) |
hsl(215,12%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F4F4E |
rgb(63,79,78) |
hsl(176,11%,28%) |
#3F4650 |
rgb(63,70,80) |
hsl(215,12%,28%) |
#434050 |
rgb(67,64,80) |
hsl(251,11%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#49525C |
rgb(73,82,92) |
hsl(212,12%,32%) |
#3F4650 |
rgb(63,70,80) |
hsl(215,12%,28%) |
#343B43 |
rgb(52,59,67) |
hsl(212,13%,23%) |
#2A3036 |
rgb(42,48,54) |
hsl(210,13%,19%) |
#202429 |
rgb(32,36,41) |
hsl(213,12%,14%) |
#161A1C |
rgb(22,26,28) |
hsl(200,12%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F4650 |
rgb(63,70,80) |
hsl(215,12%,28%) |
#50403F |
rgb(80,64,63) |
hsl(4,12%,28%) |
#4E4F3F |
rgb(78,79,63) |
hsl(64,11%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F4650 |
rgb(63,70,80) |
hsl(215,12%,28%) |
#504A3F |
rgb(80,74,63) |
hsl(39,12%,28%) |
#3F4F50 |
rgb(63,79,80) |
hsl(184,12%,28%) |
#4E4F3F |
rgb(78,79,63) |
hsl(64,11%,28%) |