HEX #454F53 color — Mako
The color #454F53 is a dark shade and desaturated.
Palette
454F53 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f3f3 |
rgb(241,243,243) |
hsl(197,9%,95%) |
| #e3e6e8 |
rgb(227,230,232) |
hsl(197,9%,90%) |
| #d5dadc |
rgb(213,218,220) |
hsl(197,9%,85%) |
| #c7ced1 |
rgb(199,206,209) |
hsl(197,9%,80%) |
| #bac2c5 |
rgb(186,194,197) |
hsl(197,9%,75%) |
| #acb5b9 |
rgb(172,181,185) |
hsl(197,9%,70%) |
| #9ea9ae |
rgb(158,169,174) |
hsl(197,9%,65%) |
| #909da2 |
rgb(144,157,162) |
hsl(197,9%,60%) |
| #829197 |
rgb(130,145,151) |
hsl(197,9%,55%) |
| #74848b |
rgb(116,132,139) |
hsl(197,9%,50%) |
| #68777d |
rgb(104,119,125) |
hsl(197,9%,45%) |
| #5d6a6f |
rgb(93,106,111) |
hsl(197,9%,40%) |
| #515d61 |
rgb(81,93,97) |
hsl(197,9%,35%) |
| #464f53 |
rgb(70,79,83) |
hsl(197,9%,30%) |
| #3a4245 |
rgb(58,66,69) |
hsl(197,9%,25%) |
| #2e3538 |
rgb(46,53,56) |
hsl(197,9%,20%) |
| #23282a |
rgb(35,40,42) |
hsl(197,9%,15%) |
| #171a1c |
rgb(23,26,28) |
hsl(197,9%,10%) |
| #0c0d0e |
rgb(12,13,14) |
hsl(197,9%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #45544D |
rgb(69,84,77) |
hsl(152,10%,30%) |
| #454F53 |
rgb(69,79,83) |
hsl(197,9%,30%) |
| #454553 |
rgb(69,69,83) |
hsl(240,9%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #505C60 |
rgb(80,92,96) |
hsl(195,9%,35%) |
| #454F53 |
rgb(69,79,83) |
hsl(197,9%,30%) |
| #394245 |
rgb(57,66,69) |
hsl(195,10%,25%) |
| #2E3638 |
rgb(46,54,56) |
hsl(192,10%,20%) |
| #23292B |
rgb(35,41,43) |
hsl(195,10%,15%) |
| #181C1D |
rgb(24,28,29) |
hsl(192,9%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #454F53 |
rgb(69,79,83) |
hsl(197,9%,30%) |
| #534548 |
rgb(83,69,72) |
hsl(347,9%,30%) |
| #534F45 |
rgb(83,79,69) |
hsl(43,9%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #454F53 |
rgb(69,79,83) |
hsl(197,9%,30%) |
| #534A45 |
rgb(83,74,69) |
hsl(21,9%,30%) |
| #455450 |
rgb(69,84,80) |
hsl(164,10%,30%) |
| #534F45 |
rgb(83,79,69) |
hsl(43,9%,30%) |
