HEX #5B6173 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5B6173 color palette from light to dark

HEX RGB HSL
#f1f1f4 rgb(241,241,244) hsl(225,12%,95%)
#e2e4e9 rgb(226,228,233) hsl(225,12%,90%)
#d4d6dd rgb(212,214,221) hsl(225,12%,85%)
#c6c9d2 rgb(198,201,210) hsl(225,12%,80%)
#b8bbc7 rgb(184,187,199) hsl(225,12%,75%)
#a9aebc rgb(169,174,188) hsl(225,12%,70%)
#9ba0b0 rgb(155,160,176) hsl(225,12%,65%)
#8d93a5 rgb(141,147,165) hsl(225,12%,60%)
#7e859a rgb(126,133,154) hsl(225,12%,55%)
#70788f rgb(112,120,143) hsl(225,12%,50%)
#656c81 rgb(101,108,129) hsl(225,12%,45%)
#5a6072 rgb(90,96,114) hsl(225,12%,40%)
#4f5464 rgb(79,84,100) hsl(225,12%,35%)
#434856 rgb(67,72,86) hsl(225,12%,30%)
#383c47 rgb(56,60,71) hsl(225,12%,25%)
#2d3039 rgb(45,48,57) hsl(225,12%,20%)
#22242b rgb(34,36,43) hsl(225,12%,15%)
#16181d rgb(22,24,29) hsl(225,12%,10%)
#0b0c0e rgb(11,12,14) hsl(225,12%,5%)

Adjacent colors

HEX RGB HSL
#5B7073 rgb(91,112,115) hsl(188,12%,40%)
#5B6173 rgb(91,97,115) hsl(225,12%,40%)
#655C73 rgb(101,92,115) hsl(263,11%,41%)

Monochromatic colors

HEX RGB HSL
#7A8295 rgb(122,130,149) hsl(222,11%,53%)
#697085 rgb(105,112,133) hsl(225,12%,47%)
#5B6173 rgb(91,97,115) hsl(225,12%,40%)
#4C5260 rgb(76,82,96) hsl(222,12%,34%)
#3D424E rgb(61,66,78) hsl(222,12%,27%)
#2F333B rgb(47,51,59) hsl(220,11%,21%)

Triad color palettes

HEX RGB HSL
#5B6173 rgb(91,97,115) hsl(225,12%,40%)
#73615B rgb(115,97,91) hsl(15,12%,40%)
#6D735B rgb(109,115,91) hsl(75,12%,40%)

Tetrad color palettes

HEX RGB HSL
#5B6173 rgb(91,97,115) hsl(225,12%,40%)
#736E5B rgb(115,110,91) hsl(48,12%,40%)
#5B6E73 rgb(91,110,115) hsl(193,12%,40%)
#6D735B rgb(109,115,91) hsl(75,12%,40%)