HEX #5A6472 color — Shuttle Gray
The color #5a6472 is a dark shade and slightly desaturated.
Palette
5a6472 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(215,12%,95%) |
| #e2e5e9 |
rgb(226,229,233) |
hsl(215,12%,90%) |
| #d4d8dd |
rgb(212,216,221) |
hsl(215,12%,85%) |
| #c6cbd2 |
rgb(198,203,210) |
hsl(215,12%,80%) |
| #b8bec7 |
rgb(184,190,199) |
hsl(215,12%,75%) |
| #a9b1bc |
rgb(169,177,188) |
hsl(215,12%,70%) |
| #9ba4b0 |
rgb(155,164,176) |
hsl(215,12%,65%) |
| #8d97a5 |
rgb(141,151,165) |
hsl(215,12%,60%) |
| #7e8a9a |
rgb(126,138,154) |
hsl(215,12%,55%) |
| #707d8f |
rgb(112,125,143) |
hsl(215,12%,50%) |
| #657081 |
rgb(101,112,129) |
hsl(215,12%,45%) |
| #5a6472 |
rgb(90,100,114) |
hsl(215,12%,40%) |
| #4f5764 |
rgb(79,87,100) |
hsl(215,12%,35%) |
| #434b56 |
rgb(67,75,86) |
hsl(215,12%,30%) |
| #383e47 |
rgb(56,62,71) |
hsl(215,12%,25%) |
| #2d3239 |
rgb(45,50,57) |
hsl(215,12%,20%) |
| #22252b |
rgb(34,37,43) |
hsl(215,12%,15%) |
| #16191d |
rgb(22,25,29) |
hsl(215,12%,10%) |
| #0b0c0e |
rgb(11,12,14) |
hsl(215,12%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A7370 |
rgb(90,115,112) |
hsl(173,12%,40%) |
| #5A6472 |
rgb(90,100,114) |
hsl(215,12%,40%) |
| #605972 |
rgb(96,89,114) |
hsl(257,12%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #788594 |
rgb(120,133,148) |
hsl(212,12%,53%) |
| #687384 |
rgb(104,115,132) |
hsl(216,12%,46%) |
| #5A6472 |
rgb(90,100,114) |
hsl(215,12%,40%) |
| #4B545F |
rgb(75,84,95) |
hsl(213,12%,33%) |
| #3D454D |
rgb(61,69,77) |
hsl(210,12%,27%) |
| #2E333B |
rgb(46,51,59) |
hsl(217,12%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A6472 |
rgb(90,100,114) |
hsl(215,12%,40%) |
| #725C5A |
rgb(114,92,90) |
hsl(5,12%,40%) |
| #70735A |
rgb(112,115,90) |
hsl(67,12%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A6472 |
rgb(90,100,114) |
hsl(215,12%,40%) |
| #72695A |
rgb(114,105,90) |
hsl(38,12%,40%) |
| #5A7072 |
rgb(90,112,114) |
hsl(185,12%,40%) |
| #70735A |
rgb(112,115,90) |
hsl(67,12%,40%) |
