HEX #454E54 color — Mako
The color #454e54 is a dark shade and desaturated.
Palette
454e54 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3f4 |
rgb(241,243,244) |
hsl(204,10%,95%) |
#e3e6e8 |
rgb(227,230,232) |
hsl(204,10%,90%) |
#d5dadd |
rgb(213,218,221) |
hsl(204,10%,85%) |
#c7cdd1 |
rgb(199,205,209) |
hsl(204,10%,80%) |
#b9c1c6 |
rgb(185,193,198) |
hsl(204,10%,75%) |
#abb4ba |
rgb(171,180,186) |
hsl(204,10%,70%) |
#9da8af |
rgb(157,168,175) |
hsl(204,10%,65%) |
#8f9ba3 |
rgb(143,155,163) |
hsl(204,10%,60%) |
#818f98 |
rgb(129,143,152) |
hsl(204,10%,55%) |
#73828c |
rgb(115,130,140) |
hsl(204,10%,50%) |
#67757e |
rgb(103,117,126) |
hsl(204,10%,45%) |
#5c6870 |
rgb(92,104,112) |
hsl(204,10%,40%) |
#505b62 |
rgb(80,91,98) |
hsl(204,10%,35%) |
#454e54 |
rgb(69,78,84) |
hsl(204,10%,30%) |
#394146 |
rgb(57,65,70) |
hsl(204,10%,25%) |
#2e3438 |
rgb(46,52,56) |
hsl(204,10%,20%) |
#22272a |
rgb(34,39,42) |
hsl(204,10%,15%) |
#171a1c |
rgb(23,26,28) |
hsl(204,10%,10%) |
#0b0d0e |
rgb(11,13,14) |
hsl(204,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#455450 |
rgb(69,84,80) |
hsl(164,10%,30%) |
#454E54 |
rgb(69,78,84) |
hsl(204,10%,30%) |
#464554 |
rgb(70,69,84) |
hsl(244,10%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#505961 |
rgb(80,89,97) |
hsl(208,10%,35%) |
#454E54 |
rgb(69,78,84) |
hsl(204,10%,30%) |
#394246 |
rgb(57,66,70) |
hsl(198,10%,25%) |
#2E3639 |
rgb(46,54,57) |
hsl(196,11%,20%) |
#23292B |
rgb(35,41,43) |
hsl(195,10%,15%) |
#181C1E |
rgb(24,28,30) |
hsl(200,11%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#454E54 |
rgb(69,78,84) |
hsl(204,10%,30%) |
#544546 |
rgb(84,69,70) |
hsl(356,10%,30%) |
#545245 |
rgb(84,82,69) |
hsl(52,10%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#454E54 |
rgb(69,78,84) |
hsl(204,10%,30%) |
#544A45 |
rgb(84,74,69) |
hsl(20,10%,30%) |
#455452 |
rgb(69,84,82) |
hsl(172,10%,30%) |
#545245 |
rgb(84,82,69) |
hsl(52,10%,30%) |