HEX #454D55 color — Mako
The color #454D55 is a dark shade and desaturated.
Palette
454D55 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(210,10%,95%) |
#e3e6e8 |
rgb(227,230,232) |
hsl(210,10%,90%) |
#d5d9dd |
rgb(213,217,221) |
hsl(210,10%,85%) |
#c7ccd1 |
rgb(199,204,209) |
hsl(210,10%,80%) |
#b9bfc6 |
rgb(185,191,198) |
hsl(210,10%,75%) |
#abb3ba |
rgb(171,179,186) |
hsl(210,10%,70%) |
#9da6af |
rgb(157,166,175) |
hsl(210,10%,65%) |
#8f99a3 |
rgb(143,153,163) |
hsl(210,10%,60%) |
#818c98 |
rgb(129,140,152) |
hsl(210,10%,55%) |
#73808c |
rgb(115,128,140) |
hsl(210,10%,50%) |
#67737e |
rgb(103,115,126) |
hsl(210,10%,45%) |
#5c6670 |
rgb(92,102,112) |
hsl(210,10%,40%) |
#505962 |
rgb(80,89,98) |
hsl(210,10%,35%) |
#454d54 |
rgb(69,77,84) |
hsl(210,10%,30%) |
#394046 |
rgb(57,64,70) |
hsl(210,10%,25%) |
#2e3338 |
rgb(46,51,56) |
hsl(210,10%,20%) |
#22262a |
rgb(34,38,42) |
hsl(210,10%,15%) |
#171a1c |
rgb(23,26,28) |
hsl(210,10%,10%) |
#0b0d0e |
rgb(11,13,14) |
hsl(210,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#455452 |
rgb(69,84,82) |
hsl(172,10%,30%) |
#454D55 |
rgb(69,77,85) |
hsl(210,10%,30%) |
#474555 |
rgb(71,69,85) |
hsl(248,10%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#505962 |
rgb(80,89,98) |
hsl(210,10%,35%) |
#454D55 |
rgb(69,77,85) |
hsl(210,10%,30%) |
#394047 |
rgb(57,64,71) |
hsl(210,11%,25%) |
#2E3639 |
rgb(46,54,57) |
hsl(196,11%,20%) |
#23292C |
rgb(35,41,44) |
hsl(200,11%,15%) |
#181C1E |
rgb(24,28,30) |
hsl(200,11%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#454D55 |
rgb(69,77,85) |
hsl(210,10%,30%) |
#554545 |
rgb(85,69,69) |
hsl(360,10%,30%) |
#555445 |
rgb(85,84,69) |
hsl(56,10%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#454D55 |
rgb(69,77,85) |
hsl(210,10%,30%) |
#554D45 |
rgb(85,77,69) |
hsl(30,10%,30%) |
#455455 |
rgb(69,84,85) |
hsl(184,10%,30%) |
#555445 |
rgb(85,84,69) |
hsl(56,10%,30%) |