HEX #5A6673 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5A6673 color palette from light to dark

HEX RGB HSL
#f1f2f4 rgb(241,242,244) hsl(211,12%,95%)
#e2e5e9 rgb(226,229,233) hsl(211,12%,90%)
#d4d9dd rgb(212,217,221) hsl(211,12%,85%)
#c6ccd2 rgb(198,204,210) hsl(211,12%,80%)
#b8bfc7 rgb(184,191,199) hsl(211,12%,75%)
#a9b2bc rgb(169,178,188) hsl(211,12%,70%)
#9ba5b0 rgb(155,165,176) hsl(211,12%,65%)
#8d99a5 rgb(141,153,165) hsl(211,12%,60%)
#7e8c9a rgb(126,140,154) hsl(211,12%,55%)
#707f8f rgb(112,127,143) hsl(211,12%,50%)
#657281 rgb(101,114,129) hsl(211,12%,45%)
#5a6672 rgb(90,102,114) hsl(211,12%,40%)
#4f5964 rgb(79,89,100) hsl(211,12%,35%)
#434c56 rgb(67,76,86) hsl(211,12%,30%)
#383f47 rgb(56,63,71) hsl(211,12%,25%)
#2d3339 rgb(45,51,57) hsl(211,12%,20%)
#22262b rgb(34,38,43) hsl(211,12%,15%)
#16191d rgb(22,25,29) hsl(211,12%,10%)
#0b0d0e rgb(11,13,14) hsl(211,12%,5%)

Adjacent colors

HEX RGB HSL
#5A736F rgb(90,115,111) hsl(170,12%,40%)
#5A6673 rgb(90,102,115) hsl(211,12%,40%)
#5E5973 rgb(94,89,115) hsl(252,13%,40%)

Monochromatic colors

HEX RGB HSL
#788795 rgb(120,135,149) hsl(209,12%,53%)
#687585 rgb(104,117,133) hsl(213,12%,46%)
#5A6673 rgb(90,102,115) hsl(211,12%,40%)
#4B5760 rgb(75,87,96) hsl(206,12%,34%)
#3D454E rgb(61,69,78) hsl(212,12%,27%)
#2E363B rgb(46,54,59) hsl(203,12%,21%)

Triad color palettes

HEX RGB HSL
#5A6673 rgb(90,102,115) hsl(211,12%,40%)
#73595A rgb(115,89,90) hsl(358,13%,40%)
#72735A rgb(114,115,90) hsl(62,12%,40%)

Tetrad color palettes

HEX RGB HSL
#5A6673 rgb(90,102,115) hsl(211,12%,40%)
#73665A rgb(115,102,90) hsl(29,12%,40%)
#5A7373 rgb(90,115,115) hsl(180,12%,40%)
#72735A rgb(114,115,90) hsl(62,12%,40%)