HEX #454A58 color — Mako
The color #454A58 is a dark shade and slightly desaturated.
Palette
454A58 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f4f6 |
rgb(244,244,246) |
hsl(224,12%,96%) |
| #e5e7eb |
rgb(229,231,235) |
hsl(224,12%,91%) |
| #d7d9e0 |
rgb(215,217,224) |
hsl(224,12%,86%) |
| #c9ccd4 |
rgb(201,204,212) |
hsl(224,12%,81%) |
| #babec9 |
rgb(186,190,201) |
hsl(224,12%,76%) |
| #acb1be |
rgb(172,177,190) |
hsl(224,12%,71%) |
| #9ea3b3 |
rgb(158,163,179) |
hsl(224,12%,66%) |
| #9096a7 |
rgb(144,150,167) |
hsl(224,12%,61%) |
| #81899c |
rgb(129,137,156) |
hsl(224,12%,56%) |
| #737b91 |
rgb(115,123,145) |
hsl(224,12%,51%) |
| #676f83 |
rgb(103,111,131) |
hsl(224,12%,46%) |
| #5c6375 |
rgb(92,99,117) |
hsl(224,12%,41%) |
| #515767 |
rgb(81,87,103) |
hsl(224,12%,36%) |
| #464b59 |
rgb(70,75,89) |
hsl(224,12%,31%) |
| #3a3f4a |
rgb(58,63,74) |
hsl(224,12%,26%) |
| #2f333c |
rgb(47,51,60) |
hsl(224,12%,21%) |
| #24272e |
rgb(36,39,46) |
hsl(224,12%,16%) |
| #191a1f |
rgb(25,26,31) |
hsl(224,12%,11%) |
| #0d0e11 |
rgb(13,14,17) |
hsl(224,12%,6%) |
| #020203 |
rgb(2,2,3) |
hsl(224,12%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #455758 |
rgb(69,87,88) |
hsl(183,12%,31%) |
| #454A58 |
rgb(69,74,88) |
hsl(224,12%,31%) |
| #4C4558 |
rgb(76,69,88) |
hsl(262,12%,31%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #505766 |
rgb(80,87,102) |
hsl(221,12%,36%) |
| #454A58 |
rgb(69,74,88) |
hsl(224,12%,31%) |
| #393D49 |
rgb(57,61,73) |
hsl(225,12%,25%) |
| #2E333B |
rgb(46,51,59) |
hsl(217,12%,21%) |
| #23262D |
rgb(35,38,45) |
hsl(222,13%,16%) |
| #181A1F |
rgb(24,26,31) |
hsl(223,13%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #454A58 |
rgb(69,74,88) |
hsl(224,12%,31%) |
| #584A45 |
rgb(88,74,69) |
hsl(16,12%,31%) |
| #535945 |
rgb(83,89,69) |
hsl(78,13%,31%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #454A58 |
rgb(69,74,88) |
hsl(224,12%,31%) |
| #585445 |
rgb(88,84,69) |
hsl(47,12%,31%) |
| #455458 |
rgb(69,84,88) |
hsl(193,12%,31%) |
| #535945 |
rgb(83,89,69) |
hsl(78,13%,31%) |
