HEX #5A6772 color — Shuttle Gray
The color #5a6772 is a dark shade and slightly desaturated.
Palette
5a6772 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(208,12%,95%) |
#e2e6e9 |
rgb(226,230,233) |
hsl(208,12%,90%) |
#d4d9dd |
rgb(212,217,221) |
hsl(208,12%,85%) |
#c6ccd2 |
rgb(198,204,210) |
hsl(208,12%,80%) |
#b8c0c7 |
rgb(184,192,199) |
hsl(208,12%,75%) |
#a9b3bc |
rgb(169,179,188) |
hsl(208,12%,70%) |
#9ba6b0 |
rgb(155,166,176) |
hsl(208,12%,65%) |
#8d9aa5 |
rgb(141,154,165) |
hsl(208,12%,60%) |
#7e8d9a |
rgb(126,141,154) |
hsl(208,12%,55%) |
#70818f |
rgb(112,129,143) |
hsl(208,12%,50%) |
#657481 |
rgb(101,116,129) |
hsl(208,12%,45%) |
#5a6772 |
rgb(90,103,114) |
hsl(208,12%,40%) |
#4f5a64 |
rgb(79,90,100) |
hsl(208,12%,35%) |
#434d56 |
rgb(67,77,86) |
hsl(208,12%,30%) |
#384047 |
rgb(56,64,71) |
hsl(208,12%,25%) |
#2d3339 |
rgb(45,51,57) |
hsl(208,12%,20%) |
#22272b |
rgb(34,39,43) |
hsl(208,12%,15%) |
#161a1d |
rgb(22,26,29) |
hsl(208,12%,10%) |
#0b0d0e |
rgb(11,13,14) |
hsl(208,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A736D |
rgb(90,115,109) |
hsl(166,12%,40%) |
#5A6772 |
rgb(90,103,114) |
hsl(208,12%,40%) |
#5D5972 |
rgb(93,89,114) |
hsl(250,12%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#788794 |
rgb(120,135,148) |
hsl(208,12%,53%) |
#687884 |
rgb(104,120,132) |
hsl(206,12%,46%) |
#5A6772 |
rgb(90,103,114) |
hsl(208,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 |
#5A6772 |
rgb(90,103,114) |
hsl(208,12%,40%) |
#72595B |
rgb(114,89,91) |
hsl(355,12%,40%) |
#72705A |
rgb(114,112,90) |
hsl(55,12%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A6772 |
rgb(90,103,114) |
hsl(208,12%,40%) |
#72665A |
rgb(114,102,90) |
hsl(30,12%,40%) |
#5A7371 |
rgb(90,115,113) |
hsl(175,12%,40%) |
#72705A |
rgb(114,112,90) |
hsl(55,12%,40%) |