HEX #404A4E color — Mako
The color #404A4E is a dark shade and desaturated.
Palette
404A4E color palette from light to dark
HEX |
RGB |
HSL |
#f9fafa |
rgb(249,250,250) |
hsl(197,10%,98%) |
#ebeeef |
rgb(235,238,239) |
hsl(197,10%,93%) |
#dde2e3 |
rgb(221,226,227) |
hsl(197,10%,88%) |
#cfd6d8 |
rgb(207,214,216) |
hsl(197,10%,83%) |
#c1c9cd |
rgb(193,201,205) |
hsl(197,10%,78%) |
#b3bdc1 |
rgb(179,189,193) |
hsl(197,10%,73%) |
#a5b1b6 |
rgb(165,177,182) |
hsl(197,10%,68%) |
#97a5aa |
rgb(151,165,170) |
hsl(197,10%,63%) |
#89999f |
rgb(137,153,159) |
hsl(197,10%,58%) |
#7b8c93 |
rgb(123,140,147) |
hsl(197,10%,53%) |
#6e8087 |
rgb(110,128,135) |
hsl(197,10%,48%) |
#637279 |
rgb(99,114,121) |
hsl(197,10%,43%) |
#57656b |
rgb(87,101,107) |
hsl(197,10%,38%) |
#4c585d |
rgb(76,88,93) |
hsl(197,10%,33%) |
#404a4f |
rgb(64,74,79) |
hsl(197,10%,28%) |
#353d41 |
rgb(53,61,65) |
hsl(197,10%,23%) |
#293032 |
rgb(41,48,50) |
hsl(197,10%,18%) |
#1e2324 |
rgb(30,35,36) |
hsl(197,10%,13%) |
#121516 |
rgb(18,21,22) |
hsl(197,10%,8%) |
#070808 |
rgb(7,8,8) |
hsl(197,10%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#404F48 |
rgb(64,79,72) |
hsl(152,10%,28%) |
#404A4E |
rgb(64,74,78) |
hsl(197,10%,28%) |
#40404E |
rgb(64,64,78) |
hsl(240,10%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#4A575A |
rgb(74,87,90) |
hsl(191,10%,32%) |
#404A4E |
rgb(64,74,78) |
hsl(197,10%,28%) |
#353D41 |
rgb(53,61,65) |
hsl(200,10%,23%) |
#2B3335 |
rgb(43,51,53) |
hsl(192,10%,19%) |
#212628 |
rgb(33,38,40) |
hsl(197,10%,14%) |
#171A1C |
rgb(23,26,28) |
hsl(204,10%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#404A4E |
rgb(64,74,78) |
hsl(197,10%,28%) |
#4E4043 |
rgb(78,64,67) |
hsl(347,10%,28%) |
#4E4A40 |
rgb(78,74,64) |
hsl(43,10%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#404A4E |
rgb(64,74,78) |
hsl(197,10%,28%) |
#4E4540 |
rgb(78,69,64) |
hsl(21,10%,28%) |
#404F4B |
rgb(64,79,75) |
hsl(164,10%,28%) |
#4E4A40 |
rgb(78,74,64) |
hsl(43,10%,28%) |