HEX #5A6672 color — Shuttle Gray
The color #5a6672 is a dark shade and slightly desaturated.
Palette
5a6672 color palette from light to dark
| HEX |
RGB |
HSL |
| #f1f2f4 |
rgb(241,242,244) |
hsl(210,12%,95%) |
| #e2e6e9 |
rgb(226,230,233) |
hsl(210,12%,90%) |
| #d4d9dd |
rgb(212,217,221) |
hsl(210,12%,85%) |
| #c6ccd2 |
rgb(198,204,210) |
hsl(210,12%,80%) |
| #b8bfc7 |
rgb(184,191,199) |
hsl(210,12%,75%) |
| #a9b3bc |
rgb(169,179,188) |
hsl(210,12%,70%) |
| #9ba6b0 |
rgb(155,166,176) |
hsl(210,12%,65%) |
| #8d99a5 |
rgb(141,153,165) |
hsl(210,12%,60%) |
| #7e8c9a |
rgb(126,140,154) |
hsl(210,12%,55%) |
| #70808f |
rgb(112,128,143) |
hsl(210,12%,50%) |
| #657381 |
rgb(101,115,129) |
hsl(210,12%,45%) |
| #5a6672 |
rgb(90,102,114) |
hsl(210,12%,40%) |
| #4f5964 |
rgb(79,89,100) |
hsl(210,12%,35%) |
| #434d56 |
rgb(67,77,86) |
hsl(210,12%,30%) |
| #384047 |
rgb(56,64,71) |
hsl(210,12%,25%) |
| #2d3339 |
rgb(45,51,57) |
hsl(210,12%,20%) |
| #22262b |
rgb(34,38,43) |
hsl(210,12%,15%) |
| #161a1d |
rgb(22,26,29) |
hsl(210,12%,10%) |
| #0b0d0e |
rgb(11,13,14) |
hsl(210,12%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A736E |
rgb(90,115,110) |
hsl(168,12%,40%) |
| #5A6672 |
rgb(90,102,114) |
hsl(210,12%,40%) |
| #5E5972 |
rgb(94,89,114) |
hsl(252,12%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #788794 |
rgb(120,135,148) |
hsl(208,12%,53%) |
| #687584 |
rgb(104,117,132) |
hsl(212,12%,46%) |
| #5A6672 |
rgb(90,102,114) |
hsl(210,12%,40%) |
| #4B575F |
rgb(75,87,95) |
hsl(204,12%,33%) |
| #3D454D |
rgb(61,69,77) |
hsl(210,12%,27%) |
| #2E363B |
rgb(46,54,59) |
hsl(203,12%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A6672 |
rgb(90,102,114) |
hsl(210,12%,40%) |
| #72595A |
rgb(114,89,90) |
hsl(358,12%,40%) |
| #72735A |
rgb(114,115,90) |
hsl(62,12%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A6672 |
rgb(90,102,114) |
hsl(210,12%,40%) |
| #72665A |
rgb(114,102,90) |
hsl(30,12%,40%) |
| #5A7372 |
rgb(90,115,114) |
hsl(178,12%,40%) |
| #72735A |
rgb(114,115,90) |
hsl(62,12%,40%) |
