HEX #5A6173 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5A6173 color palette from light to dark

HEX RGB HSL
#f1f2f4 rgb(241,242,244) hsl(223,12%,95%)
#e2e4e9 rgb(226,228,233) hsl(223,12%,90%)
#d4d7dd rgb(212,215,221) hsl(223,12%,85%)
#c6c9d2 rgb(198,201,210) hsl(223,12%,80%)
#b8bcc7 rgb(184,188,199) hsl(223,12%,75%)
#a9afbc rgb(169,175,188) hsl(223,12%,70%)
#9ba1b0 rgb(155,161,176) hsl(223,12%,65%)
#8d94a5 rgb(141,148,165) hsl(223,12%,60%)
#7e869a rgb(126,134,154) hsl(223,12%,55%)
#70798f rgb(112,121,143) hsl(223,12%,50%)
#656d81 rgb(101,109,129) hsl(223,12%,45%)
#5a6172 rgb(90,97,114) hsl(223,12%,40%)
#4f5564 rgb(79,85,100) hsl(223,12%,35%)
#434956 rgb(67,73,86) hsl(223,12%,30%)
#383c47 rgb(56,60,71) hsl(223,12%,25%)
#2d3039 rgb(45,48,57) hsl(223,12%,20%)
#22242b rgb(34,36,43) hsl(223,12%,15%)
#16181d rgb(22,24,29) hsl(223,12%,10%)
#0b0c0e rgb(11,12,14) hsl(223,12%,5%)

Adjacent colors

HEX RGB HSL
#5A7373 rgb(90,115,115) hsl(180,12%,40%)
#5A6173 rgb(90,97,115) hsl(223,12%,40%)
#635973 rgb(99,89,115) hsl(263,13%,40%)

Monochromatic colors

HEX RGB HSL
#788295 rgb(120,130,149) hsl(219,12%,53%)
#687085 rgb(104,112,133) hsl(223,12%,46%)
#5A6173 rgb(90,97,115) hsl(223,12%,40%)
#4B5260 rgb(75,82,96) hsl(220,12%,34%)
#3D424E rgb(61,66,78) hsl(222,12%,27%)
#2E333B rgb(46,51,59) hsl(217,12%,21%)

Triad color palettes

HEX RGB HSL
#5A6173 rgb(90,97,115) hsl(223,12%,40%)
#735E5A rgb(115,94,90) hsl(10,12%,40%)
#6D735A rgb(109,115,90) hsl(74,12%,40%)

Tetrad color palettes

HEX RGB HSL
#5A6173 rgb(90,97,115) hsl(223,12%,40%)
#736B5A rgb(115,107,90) hsl(41,12%,40%)
#5A6E73 rgb(90,110,115) hsl(192,12%,40%)
#6D735A rgb(109,115,90) hsl(74,12%,40%)