HEX #454552 color — Mako
The color #454552 is a dark shade and desaturated.
Palette
454552 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f1f3 |
rgb(241,241,243) |
hsl(240,9%,95%) |
| #e3e3e8 |
rgb(227,227,232) |
hsl(240,9%,90%) |
| #d5d5dc |
rgb(213,213,220) |
hsl(240,9%,85%) |
| #c7c7d1 |
rgb(199,199,209) |
hsl(240,9%,80%) |
| #babac5 |
rgb(186,186,197) |
hsl(240,9%,75%) |
| #acacb9 |
rgb(172,172,185) |
hsl(240,9%,70%) |
| #9e9eae |
rgb(158,158,174) |
hsl(240,9%,65%) |
| #9090a2 |
rgb(144,144,162) |
hsl(240,9%,60%) |
| #828297 |
rgb(130,130,151) |
hsl(240,9%,55%) |
| #74748b |
rgb(116,116,139) |
hsl(240,9%,50%) |
| #68687d |
rgb(104,104,125) |
hsl(240,9%,45%) |
| #5d5d6f |
rgb(93,93,111) |
hsl(240,9%,40%) |
| #515161 |
rgb(81,81,97) |
hsl(240,9%,35%) |
| #464653 |
rgb(70,70,83) |
hsl(240,9%,30%) |
| #3a3a45 |
rgb(58,58,69) |
hsl(240,9%,25%) |
| #2e2e38 |
rgb(46,46,56) |
hsl(240,9%,20%) |
| #23232a |
rgb(35,35,42) |
hsl(240,9%,15%) |
| #17171c |
rgb(23,23,28) |
hsl(240,9%,10%) |
| #0c0c0e |
rgb(12,12,14) |
hsl(240,9%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #454D52 |
rgb(69,77,82) |
hsl(203,9%,30%) |
| #454552 |
rgb(69,69,82) |
hsl(240,9%,30%) |
| #4D4552 |
rgb(77,69,82) |
hsl(277,9%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #504F5F |
rgb(80,79,95) |
hsl(244,9%,34%) |
| #454552 |
rgb(69,69,82) |
hsl(240,9%,30%) |
| #393B44 |
rgb(57,59,68) |
hsl(229,9%,25%) |
| #2E2E37 |
rgb(46,46,55) |
hsl(240,9%,20%) |
| #23242A |
rgb(35,36,42) |
hsl(231,9%,15%) |
| #181A1D |
rgb(24,26,29) |
hsl(216,9%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #454552 |
rgb(69,69,82) |
hsl(240,9%,30%) |
| #524D45 |
rgb(82,77,69) |
hsl(37,9%,30%) |
| #4B5245 |
rgb(75,82,69) |
hsl(92,9%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #454552 |
rgb(69,69,82) |
hsl(240,9%,30%) |
| #525245 |
rgb(82,82,69) |
hsl(60,9%,30%) |
| #454D52 |
rgb(69,77,82) |
hsl(203,9%,30%) |
| #4B5245 |
rgb(75,82,69) |
hsl(92,9%,30%) |
