HEX #5A6977 color — Shuttle Gray

The color #5a6977 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5a6977 color palette from light to dark

HEX RGB HSL
#f3f5f6 rgb(243,245,246) hsl(209,14%,96%)
#e5e8eb rgb(229,232,235) hsl(209,14%,91%)
#d6dbe0 rgb(214,219,224) hsl(209,14%,86%)
#c8cfd5 rgb(200,207,213) hsl(209,14%,81%)
#b9c2ca rgb(185,194,202) hsl(209,14%,76%)
#abb5bf rgb(171,181,191) hsl(209,14%,71%)
#9ca9b4 rgb(156,169,180) hsl(209,14%,66%)
#8e9ca9 rgb(142,156,169) hsl(209,14%,61%)
#7f8f9f rgb(127,143,159) hsl(209,14%,56%)
#718394 rgb(113,131,148) hsl(209,14%,51%)
#657686 rgb(101,118,134) hsl(209,14%,46%)
#5a6977 rgb(90,105,119) hsl(209,14%,41%)
#4f5c69 rgb(79,92,105) hsl(209,14%,36%)
#444f5a rgb(68,79,90) hsl(209,14%,31%)
#39434c rgb(57,67,76) hsl(209,14%,26%)
#2e363d rgb(46,54,61) hsl(209,14%,21%)
#23292f rgb(35,41,47) hsl(209,14%,16%)
#181c20 rgb(24,28,32) hsl(209,14%,11%)
#0d0f11 rgb(13,15,17) hsl(209,14%,6%)
#020303 rgb(2,3,3) hsl(209,14%,1%)

Adjacent colors

HEX RGB HSL
#5A7871 rgb(90,120,113) hsl(166,14%,41%)
#5A6977 rgb(90,105,119) hsl(209,14%,41%)
#5E5977 rgb(94,89,119) hsl(250,14%,41%)

Monochromatic colors

HEX RGB HSL
#798A9A rgb(121,138,154) hsl(209,14%,54%)
#687A8A rgb(104,122,138) hsl(208,14%,47%)
#5A6977 rgb(90,105,119) hsl(209,14%,41%)
#4B5963 rgb(75,89,99) hsl(205,14%,34%)
#3D4750 rgb(61,71,80) hsl(208,13%,28%)
#2E363D rgb(46,54,61) hsl(208,14%,21%)

Triad color palettes

HEX RGB HSL
#5A6977 rgb(90,105,119) hsl(209,14%,41%)
#77595A rgb(119,89,90) hsl(358,14%,41%)
#77755A rgb(119,117,90) hsl(56,14%,41%)

Tetrad color palettes

HEX RGB HSL
#5A6977 rgb(90,105,119) hsl(209,14%,41%)
#77695A rgb(119,105,90) hsl(31,14%,41%)
#5A7876 rgb(90,120,118) hsl(176,14%,41%)
#77755A rgb(119,117,90) hsl(56,14%,41%)