HEX #5A6674 color — Shuttle Gray
The color #5A6674 is a dark shade and slightly desaturated.
Palette
5A6674 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(212,13%,95%) |
| #e2e5e9 |
rgb(226,229,233) |
hsl(212,13%,90%) |
| #d4d8de |
rgb(212,216,222) |
hsl(212,13%,85%) |
| #c5ccd3 |
rgb(197,204,211) |
hsl(212,13%,80%) |
| #b7bfc8 |
rgb(183,191,200) |
hsl(212,13%,75%) |
| #a9b2bc |
rgb(169,178,188) |
hsl(212,13%,70%) |
| #9aa5b1 |
rgb(154,165,177) |
hsl(212,13%,65%) |
| #8c98a6 |
rgb(140,152,166) |
hsl(212,13%,60%) |
| #7d8b9b |
rgb(125,139,155) |
hsl(212,13%,55%) |
| #6f7e90 |
rgb(111,126,144) |
hsl(212,13%,50%) |
| #647282 |
rgb(100,114,130) |
hsl(212,13%,45%) |
| #596573 |
rgb(89,101,115) |
hsl(212,13%,40%) |
| #4e5865 |
rgb(78,88,101) |
hsl(212,13%,35%) |
| #434c56 |
rgb(67,76,86) |
hsl(212,13%,30%) |
| #373f48 |
rgb(55,63,72) |
hsl(212,13%,25%) |
| #2c333a |
rgb(44,51,58) |
hsl(212,13%,20%) |
| #21262b |
rgb(33,38,43) |
hsl(212,13%,15%) |
| #16191d |
rgb(22,25,29) |
hsl(212,13%,10%) |
| #0b0d0e |
rgb(11,13,14) |
hsl(212,13%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A7370 |
rgb(90,115,112) |
hsl(173,12%,40%) |
| #5A6674 |
rgb(90,102,116) |
hsl(212,13%,40%) |
| #5F5974 |
rgb(95,89,116) |
hsl(253,13%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #788796 |
rgb(120,135,150) |
hsl(210,13%,53%) |
| #687586 |
rgb(104,117,134) |
hsl(214,13%,47%) |
| #5A6674 |
rgb(90,102,116) |
hsl(212,13%,40%) |
| #4B5761 |
rgb(75,87,97) |
hsl(207,13%,34%) |
| #3D454E |
rgb(61,69,78) |
hsl(212,12%,27%) |
| #2E363C |
rgb(46,54,60) |
hsl(206,13%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A6674 |
rgb(90,102,116) |
hsl(212,13%,40%) |
| #745C5A |
rgb(116,92,90) |
hsl(5,13%,40%) |
| #73735A |
rgb(115,115,90) |
hsl(60,12%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A6674 |
rgb(90,102,116) |
hsl(212,13%,40%) |
| #74695A |
rgb(116,105,90) |
hsl(35,13%,40%) |
| #5A7374 |
rgb(90,115,116) |
hsl(182,13%,40%) |
| #73735A |
rgb(115,115,90) |
hsl(60,12%,40%) |
