HEX #5A5D63 color — Shuttle Gray

The color #5a5d63 is a dark shade and desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

5a5d63 color palette from light to dark

HEX RGB HSL
#f7f7f8 rgb(247,247,248) hsl(220,5%,97%)
#eaeaec rgb(234,234,236) hsl(220,5%,92%)
#dcdde0 rgb(220,221,224) hsl(220,5%,87%)
#cfd0d3 rgb(207,208,211) hsl(220,5%,82%)
#c1c3c7 rgb(193,195,199) hsl(220,5%,77%)
#b4b6bb rgb(180,182,187) hsl(220,5%,72%)
#a7a9af rgb(167,169,175) hsl(220,5%,67%)
#999ca3 rgb(153,156,163) hsl(220,5%,62%)
#8c9097 rgb(140,144,151) hsl(220,5%,57%)
#7e838b rgb(126,131,139) hsl(220,5%,52%)
#72767e rgb(114,118,126) hsl(220,5%,47%)
#666970 rgb(102,105,112) hsl(220,5%,42%)
#5a5d63 rgb(90,93,99) hsl(220,5%,37%)
#4e5056 rgb(78,80,86) hsl(220,5%,32%)
#414448 rgb(65,68,72) hsl(220,5%,27%)
#35373b rgb(53,55,59) hsl(220,5%,22%)
#292b2e rgb(41,43,46) hsl(220,5%,17%)
#1d1e20 rgb(29,30,32) hsl(220,5%,12%)
#111213 rgb(17,18,19) hsl(220,5%,7%)
#050505 rgb(5,5,5) hsl(220,5%,2%)

Adjacent colors

HEX RGB HSL
#5A6363 rgb(90,99,99) hsl(180,5%,37%)
#5A5D63 rgb(90,93,99) hsl(220,5%,37%)
#5D5963 rgb(93,89,99) hsl(264,5%,37%)

Monochromatic colors

HEX RGB HSL
#686B72 rgb(104,107,114) hsl(222,5%,43%)
#5A5D63 rgb(90,93,99) hsl(220,5%,37%)
#4B4F53 rgb(75,79,83) hsl(210,5%,31%)
#3D4043 rgb(61,64,67) hsl(210,5%,25%)
#2E3033 rgb(46,48,51) hsl(216,5%,19%)
#202123 rgb(32,33,35) hsl(220,4%,13%)

Triad color palettes

HEX RGB HSL
#5A5D63 rgb(90,93,99) hsl(220,5%,37%)
#635C5A rgb(99,92,90) hsl(13,5%,37%)
#61635A rgb(97,99,90) hsl(73,5%,37%)

Tetrad color palettes

HEX RGB HSL
#5A5D63 rgb(90,93,99) hsl(220,5%,37%)
#63615A rgb(99,97,90) hsl(47,5%,37%)
#5A6163 rgb(90,97,99) hsl(193,5%,37%)
#61635A rgb(97,99,90) hsl(73,5%,37%)