HEX #5A6C77 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5a6c77 color palette from light to dark

HEX RGB HSL
#f3f5f6 rgb(243,245,246) hsl(203,14%,96%)
#e5e9eb rgb(229,233,235) hsl(203,14%,91%)
#d6dce0 rgb(214,220,224) hsl(203,14%,86%)
#c8d0d5 rgb(200,208,213) hsl(203,14%,81%)
#b9c4ca rgb(185,196,202) hsl(203,14%,76%)
#abb7bf rgb(171,183,191) hsl(203,14%,71%)
#9cabb4 rgb(156,171,180) hsl(203,14%,66%)
#8e9fa9 rgb(142,159,169) hsl(203,14%,61%)
#7f929f rgb(127,146,159) hsl(203,14%,56%)
#718694 rgb(113,134,148) hsl(203,14%,51%)
#657986 rgb(101,121,134) hsl(203,14%,46%)
#5a6c77 rgb(90,108,119) hsl(203,14%,41%)
#4f5f69 rgb(79,95,105) hsl(203,14%,36%)
#44525a rgb(68,82,90) hsl(203,14%,31%)
#39444c rgb(57,68,76) hsl(203,14%,26%)
#2e373d rgb(46,55,61) hsl(203,14%,21%)
#232a2f rgb(35,42,47) hsl(203,14%,16%)
#181d20 rgb(24,29,32) hsl(203,14%,11%)
#0d1011 rgb(13,16,17) hsl(203,14%,6%)
#020303 rgb(2,3,3) hsl(203,14%,1%)

Adjacent colors

HEX RGB HSL
#5A786E rgb(90,120,110) hsl(160,14%,41%)
#5A6C77 rgb(90,108,119) hsl(203,14%,41%)
#5B5977 rgb(91,89,119) hsl(244,14%,41%)

Monochromatic colors

HEX RGB HSL
#798F9A rgb(121,143,154) hsl(200,14%,54%)
#687D8A rgb(104,125,138) hsl(203,14%,47%)
#5A6C77 rgb(90,108,119) hsl(203,14%,41%)
#4B5C63 rgb(75,92,99) hsl(198,14%,34%)
#3D4A50 rgb(61,74,80) hsl(199,13%,28%)
#2E383D rgb(46,56,61) hsl(200,14%,21%)

Triad color palettes

HEX RGB HSL
#5A6C77 rgb(90,108,119) hsl(203,14%,41%)
#77595D rgb(119,89,93) hsl(352,14%,41%)
#77735A rgb(119,115,90) hsl(52,14%,41%)

Tetrad color palettes

HEX RGB HSL
#5A6C77 rgb(90,108,119) hsl(203,14%,41%)
#77665A rgb(119,102,90) hsl(25,14%,41%)
#5A7873 rgb(90,120,115) hsl(170,14%,41%)
#77735A rgb(119,115,90) hsl(52,14%,41%)