HEX #5B6476 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5b6476 color palette from light to dark

HEX RGB HSL
#f3f4f6 rgb(243,244,246) hsl(220,13%,96%)
#e5e7eb rgb(229,231,235) hsl(220,13%,91%)
#d7dae0 rgb(215,218,224) hsl(220,13%,86%)
#c8ccd5 rgb(200,204,213) hsl(220,13%,81%)
#babfca rgb(186,191,202) hsl(220,13%,76%)
#abb2bf rgb(171,178,191) hsl(220,13%,71%)
#9da5b4 rgb(157,165,180) hsl(220,13%,66%)
#8f97a8 rgb(143,151,168) hsl(220,13%,61%)
#808a9d rgb(128,138,157) hsl(220,13%,56%)
#727d92 rgb(114,125,146) hsl(220,13%,51%)
#667085 rgb(102,112,133) hsl(220,13%,46%)
#5b6476 rgb(91,100,118) hsl(220,13%,41%)
#505868 rgb(80,88,104) hsl(220,13%,36%)
#454c59 rgb(69,76,89) hsl(220,13%,31%)
#3a3f4b rgb(58,63,75) hsl(220,13%,26%)
#2f333d rgb(47,51,61) hsl(220,13%,21%)
#23272e rgb(35,39,46) hsl(220,13%,16%)
#181b20 rgb(24,27,32) hsl(220,13%,11%)
#0d0f11 rgb(13,15,17) hsl(220,13%,6%)
#020203 rgb(2,2,3) hsl(220,13%,1%)

Adjacent colors

HEX RGB HSL
#5B7576 rgb(91,117,118) hsl(182,13%,41%)
#5B6476 rgb(91,100,118) hsl(220,13%,41%)
#645C76 rgb(100,92,118) hsl(258,12%,41%)

Monochromatic colors

HEX RGB HSL
#7A8599 rgb(122,133,153) hsl(219,13%,54%)
#697388 rgb(105,115,136) hsl(221,13%,47%)
#5B6476 rgb(91,100,118) hsl(220,13%,41%)
#4C5463 rgb(76,84,99) hsl(219,13%,34%)
#3D4550 rgb(61,69,80) hsl(215,13%,28%)
#2F333D rgb(47,51,61) hsl(223,13%,21%)

Triad color palettes

HEX RGB HSL
#5B6476 rgb(91,100,118) hsl(220,13%,41%)
#765E5B rgb(118,94,91) hsl(7,13%,41%)
#71755B rgb(113,117,91) hsl(69,13%,41%)

Tetrad color palettes

HEX RGB HSL
#5B6476 rgb(91,100,118) hsl(220,13%,41%)
#766E5B rgb(118,110,91) hsl(42,13%,41%)
#5B7376 rgb(91,115,118) hsl(187,13%,41%)
#71755B rgb(113,117,91) hsl(69,13%,41%)