HEX #454C54 color — Mako
The color #454c54 is a dark shade and desaturated.
Palette
454c54 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(212,10%,95%) |
| #e3e5e8 |
rgb(227,229,232) |
hsl(212,10%,90%) |
| #d5d8dd |
rgb(213,216,221) |
hsl(212,10%,85%) |
| #c7ccd1 |
rgb(199,204,209) |
hsl(212,10%,80%) |
| #b9bfc6 |
rgb(185,191,198) |
hsl(212,10%,75%) |
| #abb2ba |
rgb(171,178,186) |
hsl(212,10%,70%) |
| #9da5af |
rgb(157,165,175) |
hsl(212,10%,65%) |
| #8f98a3 |
rgb(143,152,163) |
hsl(212,10%,60%) |
| #818b98 |
rgb(129,139,152) |
hsl(212,10%,55%) |
| #737f8c |
rgb(115,127,140) |
hsl(212,10%,50%) |
| #67727e |
rgb(103,114,126) |
hsl(212,10%,45%) |
| #5c6570 |
rgb(92,101,112) |
hsl(212,10%,40%) |
| #505962 |
rgb(80,89,98) |
hsl(212,10%,35%) |
| #454c54 |
rgb(69,76,84) |
hsl(212,10%,30%) |
| #393f46 |
rgb(57,63,70) |
hsl(212,10%,25%) |
| #2e3338 |
rgb(46,51,56) |
hsl(212,10%,20%) |
| #22262a |
rgb(34,38,42) |
hsl(212,10%,15%) |
| #17191c |
rgb(23,25,28) |
hsl(212,10%,10%) |
| #0b0d0e |
rgb(11,13,14) |
hsl(212,10%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #455452 |
rgb(69,84,82) |
hsl(172,10%,30%) |
| #454C54 |
rgb(69,76,84) |
hsl(212,10%,30%) |
| #484554 |
rgb(72,69,84) |
hsl(252,10%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #505961 |
rgb(80,89,97) |
hsl(208,10%,35%) |
| #454C54 |
rgb(69,76,84) |
hsl(212,10%,30%) |
| #394046 |
rgb(57,64,70) |
hsl(208,10%,25%) |
| #2E3339 |
rgb(46,51,57) |
hsl(213,11%,20%) |
| #23262B |
rgb(35,38,43) |
hsl(218,10%,15%) |
| #181C1E |
rgb(24,28,30) |
hsl(200,11%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #454C54 |
rgb(69,76,84) |
hsl(212,10%,30%) |
| #544545 |
rgb(84,69,69) |
hsl(360,10%,30%) |
| #535445 |
rgb(83,84,69) |
hsl(64,10%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #454C54 |
rgb(69,76,84) |
hsl(212,10%,30%) |
| #544D45 |
rgb(84,77,69) |
hsl(32,10%,30%) |
| #455454 |
rgb(69,84,84) |
hsl(180,10%,30%) |
| #535445 |
rgb(83,84,69) |
hsl(64,10%,30%) |
