HEX #3F4750 color — Mako
The color #3f4750 is a dark shade and slightly desaturated.
Palette
3f4750 color palette from light to dark
| HEX |
RGB |
HSL |
| #f9fafb |
rgb(249,250,251) |
hsl(212,12%,98%) |
| #ebedef |
rgb(235,237,239) |
hsl(212,12%,93%) |
| #dde0e4 |
rgb(221,224,228) |
hsl(212,12%,88%) |
| #ced3d9 |
rgb(206,211,217) |
hsl(212,12%,83%) |
| #c0c6ce |
rgb(192,198,206) |
hsl(212,12%,78%) |
| #b2bac2 |
rgb(178,186,194) |
hsl(212,12%,73%) |
| #a4adb7 |
rgb(164,173,183) |
hsl(212,12%,68%) |
| #95a0ac |
rgb(149,160,172) |
hsl(212,12%,63%) |
| #8793a1 |
rgb(135,147,161) |
hsl(212,12%,58%) |
| #798696 |
rgb(121,134,150) |
hsl(212,12%,53%) |
| #6c7989 |
rgb(108,121,137) |
hsl(212,12%,48%) |
| #606d7b |
rgb(96,109,123) |
hsl(212,12%,43%) |
| #55606d |
rgb(85,96,109) |
hsl(212,12%,38%) |
| #4a535e |
rgb(74,83,94) |
hsl(212,12%,33%) |
| #3f4750 |
rgb(63,71,80) |
hsl(212,12%,28%) |
| #343a42 |
rgb(52,58,66) |
hsl(212,12%,23%) |
| #282e33 |
rgb(40,46,51) |
hsl(212,12%,18%) |
| #1d2125 |
rgb(29,33,37) |
hsl(212,12%,13%) |
| #121417 |
rgb(18,20,23) |
hsl(212,12%,8%) |
| #070809 |
rgb(7,8,9) |
hsl(212,12%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3F4F4D |
rgb(63,79,77) |
hsl(173,11%,28%) |
| #3F4750 |
rgb(63,71,80) |
hsl(212,12%,28%) |
| #424050 |
rgb(66,64,80) |
hsl(248,11%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #49525C |
rgb(73,82,92) |
hsl(212,12%,32%) |
| #3F4750 |
rgb(63,71,80) |
hsl(212,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 |
| #3F4750 |
rgb(63,71,80) |
hsl(212,12%,28%) |
| #50403F |
rgb(80,64,63) |
hsl(4,12%,28%) |
| #4F4F3F |
rgb(79,79,63) |
hsl(60,11%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3F4750 |
rgb(63,71,80) |
hsl(212,12%,28%) |
| #50473F |
rgb(80,71,63) |
hsl(28,12%,28%) |
| #3F4F50 |
rgb(63,79,80) |
hsl(184,12%,28%) |
| #4F4F3F |
rgb(79,79,63) |
hsl(60,11%,28%) |
