HEX #454D52 color — Mako
The color #454D52 is a dark shade and desaturated.
Palette
454D52 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3f3 |
rgb(241,243,243) |
hsl(203,9%,95%) |
#e3e6e8 |
rgb(227,230,232) |
hsl(203,9%,90%) |
#d5dadc |
rgb(213,218,220) |
hsl(203,9%,85%) |
#c7cdd1 |
rgb(199,205,209) |
hsl(203,9%,80%) |
#bac1c5 |
rgb(186,193,197) |
hsl(203,9%,75%) |
#acb4b9 |
rgb(172,180,185) |
hsl(203,9%,70%) |
#9ea8ae |
rgb(158,168,174) |
hsl(203,9%,65%) |
#909ba2 |
rgb(144,155,162) |
hsl(203,9%,60%) |
#828f97 |
rgb(130,143,151) |
hsl(203,9%,55%) |
#74828b |
rgb(116,130,139) |
hsl(203,9%,50%) |
#68757d |
rgb(104,117,125) |
hsl(203,9%,45%) |
#5d686f |
rgb(93,104,111) |
hsl(203,9%,40%) |
#515b61 |
rgb(81,91,97) |
hsl(203,9%,35%) |
#464e53 |
rgb(70,78,83) |
hsl(203,9%,30%) |
#3a4145 |
rgb(58,65,69) |
hsl(203,9%,25%) |
#2e3438 |
rgb(46,52,56) |
hsl(203,9%,20%) |
#23272a |
rgb(35,39,42) |
hsl(203,9%,15%) |
#171a1c |
rgb(23,26,28) |
hsl(203,9%,10%) |
#0c0d0e |
rgb(12,13,14) |
hsl(203,9%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#45524E |
rgb(69,82,78) |
hsl(162,9%,30%) |
#454D52 |
rgb(69,77,82) |
hsl(203,9%,30%) |
#454552 |
rgb(69,69,82) |
hsl(240,9%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#50595F |
rgb(80,89,95) |
hsl(204,9%,34%) |
#454D52 |
rgb(69,77,82) |
hsl(203,9%,30%) |
#394044 |
rgb(57,64,68) |
hsl(202,9%,25%) |
#2E3637 |
rgb(46,54,55) |
hsl(187,9%,20%) |
#23292A |
rgb(35,41,42) |
hsl(189,9%,15%) |
#181C1D |
rgb(24,28,29) |
hsl(192,9%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#454D52 |
rgb(69,77,82) |
hsl(203,9%,30%) |
#524546 |
rgb(82,69,70) |
hsl(355,9%,30%) |
#525245 |
rgb(82,82,69) |
hsl(60,9%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#454D52 |
rgb(69,77,82) |
hsl(203,9%,30%) |
#524A45 |
rgb(82,74,69) |
hsl(23,9%,30%) |
#455250 |
rgb(69,82,80) |
hsl(171,9%,30%) |
#525245 |
rgb(82,82,69) |
hsl(60,9%,30%) |