HEX #454A55 color — Mako
The color #454A55 is a dark shade and desaturated.
Palette
454A55 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(221,10%,95%) |
| #e3e5e8 |
rgb(227,229,232) |
hsl(221,10%,90%) |
| #d5d7dd |
rgb(213,215,221) |
hsl(221,10%,85%) |
| #c7cad1 |
rgb(199,202,209) |
hsl(221,10%,80%) |
| #b9bdc6 |
rgb(185,189,198) |
hsl(221,10%,75%) |
| #abb0ba |
rgb(171,176,186) |
hsl(221,10%,70%) |
| #9da2af |
rgb(157,162,175) |
hsl(221,10%,65%) |
| #8f95a3 |
rgb(143,149,163) |
hsl(221,10%,60%) |
| #818898 |
rgb(129,136,152) |
hsl(221,10%,55%) |
| #737b8c |
rgb(115,123,140) |
hsl(221,10%,50%) |
| #676f7e |
rgb(103,111,126) |
hsl(221,10%,45%) |
| #5c6270 |
rgb(92,98,112) |
hsl(221,10%,40%) |
| #505662 |
rgb(80,86,98) |
hsl(221,10%,35%) |
| #454a54 |
rgb(69,74,84) |
hsl(221,10%,30%) |
| #393d46 |
rgb(57,61,70) |
hsl(221,10%,25%) |
| #2e3138 |
rgb(46,49,56) |
hsl(221,10%,20%) |
| #22252a |
rgb(34,37,42) |
hsl(221,10%,15%) |
| #17191c |
rgb(23,25,28) |
hsl(221,10%,10%) |
| #0b0c0e |
rgb(11,12,14) |
hsl(221,10%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #455455 |
rgb(69,84,85) |
hsl(184,10%,30%) |
| #454A55 |
rgb(69,74,85) |
hsl(221,10%,30%) |
| #4A4555 |
rgb(74,69,85) |
hsl(259,10%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #505762 |
rgb(80,87,98) |
hsl(217,10%,35%) |
| #454A55 |
rgb(69,74,85) |
hsl(221,10%,30%) |
| #393D47 |
rgb(57,61,71) |
hsl(223,11%,25%) |
| #2E3339 |
rgb(46,51,57) |
hsl(213,11%,20%) |
| #23262C |
rgb(35,38,44) |
hsl(220,11%,15%) |
| #181A1E |
rgb(24,26,30) |
hsl(220,11%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #454A55 |
rgb(69,74,85) |
hsl(221,10%,30%) |
| #554745 |
rgb(85,71,69) |
hsl(8,10%,30%) |
| #525445 |
rgb(82,84,69) |
hsl(68,10%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #454A55 |
rgb(69,74,85) |
hsl(221,10%,30%) |
| #554F45 |
rgb(85,79,69) |
hsl(38,10%,30%) |
| #455255 |
rgb(69,82,85) |
hsl(191,10%,30%) |
| #525445 |
rgb(82,84,69) |
hsl(68,10%,30%) |
