HEX #5B6576 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5b6576 color palette from light to dark

HEX RGB HSL
#f3f4f6 rgb(243,244,246) hsl(218,13%,96%)
#e5e7eb rgb(229,231,235) hsl(218,13%,91%)
#d7dae0 rgb(215,218,224) hsl(218,13%,86%)
#c8cdd5 rgb(200,205,213) hsl(218,13%,81%)
#bac0ca rgb(186,192,202) hsl(218,13%,76%)
#abb2bf rgb(171,178,191) hsl(218,13%,71%)
#9da5b4 rgb(157,165,180) hsl(218,13%,66%)
#8f98a8 rgb(143,152,168) hsl(218,13%,61%)
#808b9d rgb(128,139,157) hsl(218,13%,56%)
#727e92 rgb(114,126,146) hsl(218,13%,51%)
#667185 rgb(102,113,133) hsl(218,13%,46%)
#5b6576 rgb(91,101,118) hsl(218,13%,41%)
#505968 rgb(80,89,104) hsl(218,13%,36%)
#454c59 rgb(69,76,89) hsl(218,13%,31%)
#3a404b rgb(58,64,75) hsl(218,13%,26%)
#2f343d rgb(47,52,61) hsl(218,13%,21%)
#23272e rgb(35,39,46) hsl(218,13%,16%)
#181b20 rgb(24,27,32) hsl(218,13%,11%)
#0d0f11 rgb(13,15,17) hsl(218,13%,6%)
#020203 rgb(2,2,3) hsl(218,13%,1%)

Adjacent colors

HEX RGB HSL
#5B7575 rgb(91,117,117) hsl(180,13%,41%)
#5B6576 rgb(91,101,118) hsl(218,13%,41%)
#635C76 rgb(99,92,118) hsl(256,12%,41%)

Monochromatic colors

HEX RGB HSL
#7A8799 rgb(122,135,153) hsl(215,13%,54%)
#697588 rgb(105,117,136) hsl(217,13%,47%)
#5B6576 rgb(91,101,118) hsl(218,13%,41%)
#4C5463 rgb(76,84,99) hsl(219,13%,34%)
#3D4550 rgb(61,69,80) hsl(215,13%,28%)
#2F363D rgb(47,54,61) hsl(210,13%,21%)

Triad color palettes

HEX RGB HSL
#5B6576 rgb(91,101,118) hsl(218,13%,41%)
#765E5B rgb(118,94,91) hsl(7,13%,41%)
#72755B rgb(114,117,91) hsl(67,13%,41%)

Tetrad color palettes

HEX RGB HSL
#5B6576 rgb(91,101,118) hsl(218,13%,41%)
#766B5B rgb(118,107,91) hsl(36,13%,41%)
#5B7376 rgb(91,115,118) hsl(187,13%,41%)
#72755B rgb(114,117,91) hsl(67,13%,41%)