HEX #3F4551 color — Mako
The color #3F4551 is a dark shade and slightly desaturated.
Palette
3F4551 color palette from light to dark
| HEX |
RGB |
HSL |
| #f9fafb |
rgb(249,250,251) |
hsl(220,13%,98%) |
| #ebecef |
rgb(235,236,239) |
hsl(220,13%,93%) |
| #dcdfe4 |
rgb(220,223,228) |
hsl(220,13%,88%) |
| #ced2d9 |
rgb(206,210,217) |
hsl(220,13%,83%) |
| #c0c4ce |
rgb(192,196,206) |
hsl(220,13%,78%) |
| #b1b7c3 |
rgb(177,183,195) |
hsl(220,13%,73%) |
| #a3aab8 |
rgb(163,170,184) |
hsl(220,13%,68%) |
| #949dad |
rgb(148,157,173) |
hsl(220,13%,63%) |
| #868fa2 |
rgb(134,143,162) |
hsl(220,13%,58%) |
| #788297 |
rgb(120,130,151) |
hsl(220,13%,53%) |
| #6a758a |
rgb(106,117,138) |
hsl(220,13%,48%) |
| #5f697c |
rgb(95,105,124) |
hsl(220,13%,43%) |
| #545d6d |
rgb(84,93,109) |
hsl(220,13%,38%) |
| #49515f |
rgb(73,81,95) |
hsl(220,13%,33%) |
| #3e4451 |
rgb(62,68,81) |
hsl(220,13%,28%) |
| #333842 |
rgb(51,56,66) |
hsl(220,13%,23%) |
| #282c34 |
rgb(40,44,52) |
hsl(220,13%,18%) |
| #1d2025 |
rgb(29,32,37) |
hsl(220,13%,13%) |
| #121417 |
rgb(18,20,23) |
hsl(220,13%,8%) |
| #070709 |
rgb(7,7,9) |
hsl(220,13%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3F5251 |
rgb(63,82,81) |
hsl(177,13%,28%) |
| #3F4551 |
rgb(63,69,81) |
hsl(220,13%,28%) |
| #454051 |
rgb(69,64,81) |
hsl(258,12%,28%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #494F5D |
rgb(73,79,93) |
hsl(222,12%,33%) |
| #3F4551 |
rgb(63,69,81) |
hsl(220,13%,28%) |
| #343B44 |
rgb(52,59,68) |
hsl(214,13%,24%) |
| #2A2E37 |
rgb(42,46,55) |
hsl(222,13%,19%) |
| #20242A |
rgb(32,36,42) |
hsl(216,14%,15%) |
| #161A1D |
rgb(22,26,29) |
hsl(206,14%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3F4551 |
rgb(63,69,81) |
hsl(220,13%,28%) |
| #51423F |
rgb(81,66,63) |
hsl(10,13%,28%) |
| #4E523F |
rgb(78,82,63) |
hsl(73,13%,28%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3F4551 |
rgb(63,69,81) |
hsl(220,13%,28%) |
| #514A3F |
rgb(81,74,63) |
hsl(37,13%,28%) |
| #3F4F51 |
rgb(63,79,81) |
hsl(187,13%,28%) |
| #4E523F |
rgb(78,82,63) |
hsl(73,13%,28%) |
