HEX #454A54 color — Mako
The color #454a54 is a dark shade and desaturated.
Palette
454a54 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(220,10%,95%) |
#e3e5e8 |
rgb(227,229,232) |
hsl(220,10%,90%) |
#d5d7dd |
rgb(213,215,221) |
hsl(220,10%,85%) |
#c7cad1 |
rgb(199,202,209) |
hsl(220,10%,80%) |
#b9bdc6 |
rgb(185,189,198) |
hsl(220,10%,75%) |
#abb0ba |
rgb(171,176,186) |
hsl(220,10%,70%) |
#9da3af |
rgb(157,163,175) |
hsl(220,10%,65%) |
#8f96a3 |
rgb(143,150,163) |
hsl(220,10%,60%) |
#818898 |
rgb(129,136,152) |
hsl(220,10%,55%) |
#737b8c |
rgb(115,123,140) |
hsl(220,10%,50%) |
#676f7e |
rgb(103,111,126) |
hsl(220,10%,45%) |
#5c6370 |
rgb(92,99,112) |
hsl(220,10%,40%) |
#505662 |
rgb(80,86,98) |
hsl(220,10%,35%) |
#454a54 |
rgb(69,74,84) |
hsl(220,10%,30%) |
#393e46 |
rgb(57,62,70) |
hsl(220,10%,25%) |
#2e3138 |
rgb(46,49,56) |
hsl(220,10%,20%) |
#22252a |
rgb(34,37,42) |
hsl(220,10%,15%) |
#17191c |
rgb(23,25,28) |
hsl(220,10%,10%) |
#0b0c0e |
rgb(11,12,14) |
hsl(220,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#455454 |
rgb(69,84,84) |
hsl(180,10%,30%) |
#454A54 |
rgb(69,74,84) |
hsl(220,10%,30%) |
#4A4554 |
rgb(74,69,84) |
hsl(260,10%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#505761 |
rgb(80,87,97) |
hsl(215,10%,35%) |
#454A54 |
rgb(69,74,84) |
hsl(220,10%,30%) |
#393D46 |
rgb(57,61,70) |
hsl(222,10%,25%) |
#2E3339 |
rgb(46,51,57) |
hsl(213,11%,20%) |
#23262B |
rgb(35,38,43) |
hsl(218,10%,15%) |
#181A1E |
rgb(24,26,30) |
hsl(220,11%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#454A54 |
rgb(69,74,84) |
hsl(220,10%,30%) |
#544745 |
rgb(84,71,69) |
hsl(8,10%,30%) |
#515445 |
rgb(81,84,69) |
hsl(72,10%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#454A54 |
rgb(69,74,84) |
hsl(220,10%,30%) |
#544F45 |
rgb(84,79,69) |
hsl(40,10%,30%) |
#455254 |
rgb(69,82,84) |
hsl(188,10%,30%) |
#515445 |
rgb(81,84,69) |
hsl(72,10%,30%) |