HEX #3F424D color — Mako
The color #3F424D is a dark shade and desaturated.
Palette
3F424D color palette from light to dark
HEX |
RGB |
HSL |
#f7f7f8 |
rgb(247,247,248) |
hsl(227,10%,97%) |
#e9e9ed |
rgb(233,233,237) |
hsl(227,10%,92%) |
#dbdce1 |
rgb(219,220,225) |
hsl(227,10%,87%) |
#cdced6 |
rgb(205,206,214) |
hsl(227,10%,82%) |
#bec1ca |
rgb(190,193,202) |
hsl(227,10%,77%) |
#b0b4bf |
rgb(176,180,191) |
hsl(227,10%,72%) |
#a2a6b3 |
rgb(162,166,179) |
hsl(227,10%,67%) |
#9499a8 |
rgb(148,153,168) |
hsl(227,10%,62%) |
#868b9c |
rgb(134,139,156) |
hsl(227,10%,57%) |
#787e91 |
rgb(120,126,145) |
hsl(227,10%,52%) |
#6c7184 |
rgb(108,113,132) |
hsl(227,10%,47%) |
#606576 |
rgb(96,101,118) |
hsl(227,10%,42%) |
#555968 |
rgb(85,89,104) |
hsl(227,10%,37%) |
#494d5a |
rgb(73,77,90) |
hsl(227,10%,32%) |
#3e414c |
rgb(62,65,76) |
hsl(227,10%,27%) |
#32353e |
rgb(50,53,62) |
hsl(227,10%,22%) |
#272930 |
rgb(39,41,48) |
hsl(227,10%,17%) |
#1c1d22 |
rgb(28,29,34) |
hsl(227,10%,12%) |
#101114 |
rgb(16,17,20) |
hsl(227,10%,7%) |
#050506 |
rgb(5,5,6) |
hsl(227,10%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F4D4D |
rgb(63,77,77) |
hsl(180,10%,27%) |
#3F424D |
rgb(63,66,77) |
hsl(227,10%,27%) |
#45404D |
rgb(69,64,77) |
hsl(263,9%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#494D59 |
rgb(73,77,89) |
hsl(225,10%,32%) |
#3F424D |
rgb(63,66,77) |
hsl(227,10%,27%) |
#343840 |
rgb(52,56,64) |
hsl(220,10%,23%) |
#2A2E34 |
rgb(42,46,52) |
hsl(216,11%,18%) |
#202128 |
rgb(32,33,40) |
hsl(233,11%,14%) |
#16171B |
rgb(22,23,27) |
hsl(228,10%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F424D |
rgb(63,66,77) |
hsl(227,10%,27%) |
#4D423F |
rgb(77,66,63) |
hsl(13,10%,27%) |
#494D3F |
rgb(73,77,63) |
hsl(77,10%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F424D |
rgb(63,66,77) |
hsl(227,10%,27%) |
#4D4A3F |
rgb(77,74,63) |
hsl(47,10%,27%) |
#3F4A4D |
rgb(63,74,77) |
hsl(193,10%,27%) |
#494D3F |
rgb(73,77,63) |
hsl(77,10%,27%) |