HEX #3F4550 color — Mako
The color #3F4550 is a dark shade and slightly desaturated.
Palette
3F4550 color palette from light to dark
| HEX |
RGB |
HSL |
| #f9fafb |
rgb(249,250,251) |
hsl(219,12%,98%) |
| #ebedef |
rgb(235,237,239) |
hsl(219,12%,93%) |
| #dddfe4 |
rgb(221,223,228) |
hsl(219,12%,88%) |
| #ced2d9 |
rgb(206,210,217) |
hsl(219,12%,83%) |
| #c0c5ce |
rgb(192,197,206) |
hsl(219,12%,78%) |
| #b2b8c2 |
rgb(178,184,194) |
hsl(219,12%,73%) |
| #a4aab7 |
rgb(164,170,183) |
hsl(219,12%,68%) |
| #959dac |
rgb(149,157,172) |
hsl(219,12%,63%) |
| #8790a1 |
rgb(135,144,161) |
hsl(219,12%,58%) |
| #798396 |
rgb(121,131,150) |
hsl(219,12%,53%) |
| #6c7689 |
rgb(108,118,137) |
hsl(219,12%,48%) |
| #606a7b |
rgb(96,106,123) |
hsl(219,12%,43%) |
| #555d6d |
rgb(85,93,109) |
hsl(219,12%,38%) |
| #4a515e |
rgb(74,81,94) |
hsl(219,12%,33%) |
| #3f4550 |
rgb(63,69,80) |
hsl(219,12%,28%) |
| #343942 |
rgb(52,57,66) |
hsl(219,12%,23%) |
| #282c33 |
rgb(40,44,51) |
hsl(219,12%,18%) |
| #1d2025 |
rgb(29,32,37) |
hsl(219,12%,13%) |
| #121417 |
rgb(18,20,23) |
hsl(219,12%,8%) |
| #070709 |
rgb(7,7,9) |
hsl(219,12%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3F4F4F |
rgb(63,79,79) |
hsl(180,11%,28%) |
| #3F4550 |
rgb(63,69,80) |
hsl(219,12%,28%) |
| #444050 |
rgb(68,64,80) |
hsl(255,11%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #494F5C |
rgb(73,79,92) |
hsl(221,12%,32%) |
| #3F4550 |
rgb(63,69,80) |
hsl(219,12%,28%) |
| #343B43 |
rgb(52,59,67) |
hsl(212,13%,23%) |
| #2A2E36 |
rgb(42,46,54) |
hsl(220,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 |
| #3F4550 |
rgb(63,69,80) |
hsl(219,12%,28%) |
| #50423F |
rgb(80,66,63) |
hsl(11,12%,28%) |
| #4D4F3F |
rgb(77,79,63) |
hsl(68,11%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3F4550 |
rgb(63,69,80) |
hsl(219,12%,28%) |
| #504A3F |
rgb(80,74,63) |
hsl(39,12%,28%) |
| #3F4D50 |
rgb(63,77,80) |
hsl(191,12%,28%) |
| #4D4F3F |
rgb(77,79,63) |
hsl(68,11%,28%) |
