HEX #5B6678 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5B6678 color palette from light to dark

HEX RGB HSL
#f3f4f6 rgb(243,244,246) hsl(217,14%,96%)
#e5e7eb rgb(229,231,235) hsl(217,14%,91%)
#d6dae0 rgb(214,218,224) hsl(217,14%,86%)
#c8cdd5 rgb(200,205,213) hsl(217,14%,81%)
#b9c0ca rgb(185,192,202) hsl(217,14%,76%)
#abb3bf rgb(171,179,191) hsl(217,14%,71%)
#9ca5b4 rgb(156,165,180) hsl(217,14%,66%)
#8e98a9 rgb(142,152,169) hsl(217,14%,61%)
#7f8b9f rgb(127,139,159) hsl(217,14%,56%)
#717e94 rgb(113,126,148) hsl(217,14%,51%)
#657186 rgb(101,113,134) hsl(217,14%,46%)
#5a6577 rgb(90,101,119) hsl(217,14%,41%)
#4f5969 rgb(79,89,105) hsl(217,14%,36%)
#444c5a rgb(68,76,90) hsl(217,14%,31%)
#39404c rgb(57,64,76) hsl(217,14%,26%)
#2e343d rgb(46,52,61) hsl(217,14%,21%)
#23272f rgb(35,39,47) hsl(217,14%,16%)
#181b20 rgb(24,27,32) hsl(217,14%,11%)
#0d0f11 rgb(13,15,17) hsl(217,14%,6%)
#020203 rgb(2,2,3) hsl(217,14%,1%)

Adjacent colors

HEX RGB HSL
#5B7876 rgb(91,120,118) hsl(176,14%,41%)
#5B6678 rgb(91,102,120) hsl(217,14%,41%)
#635C78 rgb(99,92,120) hsl(255,13%,42%)

Monochromatic colors

HEX RGB HSL
#7B879B rgb(123,135,155) hsl(218,14%,55%)
#69758B rgb(105,117,139) hsl(219,14%,48%)
#5B6678 rgb(91,102,120) hsl(217,14%,41%)
#4C5764 rgb(76,87,100) hsl(213,14%,35%)
#3D4551 rgb(61,69,81) hsl(216,14%,28%)
#2F363E rgb(47,54,62) hsl(212,14%,21%)

Triad color palettes

HEX RGB HSL
#5B6678 rgb(91,102,120) hsl(217,14%,41%)
#785E5B rgb(120,94,91) hsl(6,14%,41%)
#74785B rgb(116,120,91) hsl(68,14%,41%)

Tetrad color palettes

HEX RGB HSL
#5B6678 rgb(91,102,120) hsl(217,14%,41%)
#786E5B rgb(120,110,91) hsl(39,14%,41%)
#5B7578 rgb(91,117,120) hsl(186,14%,41%)
#74785B rgb(116,120,91) hsl(68,14%,41%)