HEX #3A4046 color — Mako
The color #3A4046 is a dark shade and desaturated.
Palette
3A4046 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f3 |
rgb(241,242,243) |
hsl(210,9%,95%) |
#e3e6e8 |
rgb(227,230,232) |
hsl(210,9%,90%) |
#d5d9dc |
rgb(213,217,220) |
hsl(210,9%,85%) |
#c7ccd1 |
rgb(199,204,209) |
hsl(210,9%,80%) |
#babfc5 |
rgb(186,191,197) |
hsl(210,9%,75%) |
#acb3b9 |
rgb(172,179,185) |
hsl(210,9%,70%) |
#9ea6ae |
rgb(158,166,174) |
hsl(210,9%,65%) |
#9099a2 |
rgb(144,153,162) |
hsl(210,9%,60%) |
#828c97 |
rgb(130,140,151) |
hsl(210,9%,55%) |
#74808b |
rgb(116,128,139) |
hsl(210,9%,50%) |
#68737d |
rgb(104,115,125) |
hsl(210,9%,45%) |
#5d666f |
rgb(93,102,111) |
hsl(210,9%,40%) |
#515961 |
rgb(81,89,97) |
hsl(210,9%,35%) |
#464d53 |
rgb(70,77,83) |
hsl(210,9%,30%) |
#3a4045 |
rgb(58,64,69) |
hsl(210,9%,25%) |
#2e3338 |
rgb(46,51,56) |
hsl(210,9%,20%) |
#23262a |
rgb(35,38,42) |
hsl(210,9%,15%) |
#171a1c |
rgb(23,26,28) |
hsl(210,9%,10%) |
#0c0d0e |
rgb(12,13,14) |
hsl(210,9%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A4544 |
rgb(58,69,68) |
hsl(175,9%,25%) |
#3A4046 |
rgb(58,64,70) |
hsl(210,9%,25%) |
#3C3B46 |
rgb(60,59,70) |
hsl(245,9%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#434A51 |
rgb(67,74,81) |
hsl(210,9%,29%) |
#3A4046 |
rgb(58,64,70) |
hsl(210,9%,25%) |
#30363A |
rgb(48,54,58) |
hsl(204,9%,21%) |
#272B2F |
rgb(39,43,47) |
hsl(210,9%,17%) |
#1E2124 |
rgb(30,33,36) |
hsl(210,9%,13%) |
#141719 |
rgb(20,23,25) |
hsl(204,11%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4046 |
rgb(58,64,70) |
hsl(210,9%,25%) |
#463B3A |
rgb(70,59,58) |
hsl(5,9%,25%) |
#46453A |
rgb(70,69,58) |
hsl(55,9%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4046 |
rgb(58,64,70) |
hsl(210,9%,25%) |
#46403A |
rgb(70,64,58) |
hsl(30,9%,25%) |
#3A4546 |
rgb(58,69,70) |
hsl(185,9%,25%) |
#46453A |
rgb(70,69,58) |
hsl(55,9%,25%) |