HEX #5A6376 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5A6376 color palette from light to dark

HEX RGB HSL
#f3f4f6 rgb(243,244,246) hsl(221,13%,96%)
#e5e7eb rgb(229,231,235) hsl(221,13%,91%)
#d7dae0 rgb(215,218,224) hsl(221,13%,86%)
#c8ccd5 rgb(200,204,213) hsl(221,13%,81%)
#babfca rgb(186,191,202) hsl(221,13%,76%)
#abb2bf rgb(171,178,191) hsl(221,13%,71%)
#9da4b4 rgb(157,164,180) hsl(221,13%,66%)
#8f97a8 rgb(143,151,168) hsl(221,13%,61%)
#80899d rgb(128,137,157) hsl(221,13%,56%)
#727c92 rgb(114,124,146) hsl(221,13%,51%)
#667085 rgb(102,112,133) hsl(221,13%,46%)
#5b6476 rgb(91,100,118) hsl(221,13%,41%)
#505768 rgb(80,87,104) hsl(221,13%,36%)
#454b59 rgb(69,75,89) hsl(221,13%,31%)
#3a3f4b rgb(58,63,75) hsl(221,13%,26%)
#2f333d rgb(47,51,61) hsl(221,13%,21%)
#23272e rgb(35,39,46) hsl(221,13%,16%)
#181b20 rgb(24,27,32) hsl(221,13%,11%)
#0d0f11 rgb(13,15,17) hsl(221,13%,6%)
#020203 rgb(2,2,3) hsl(221,13%,1%)

Adjacent colors

HEX RGB HSL
#5A7576 rgb(90,117,118) hsl(182,13%,41%)
#5A6376 rgb(90,99,118) hsl(221,13%,41%)
#635976 rgb(99,89,118) hsl(261,14%,41%)

Monochromatic colors

HEX RGB HSL
#798599 rgb(121,133,153) hsl(218,14%,54%)
#687388 rgb(104,115,136) hsl(219,13%,47%)
#5A6376 rgb(90,99,118) hsl(221,13%,41%)
#4B5463 rgb(75,84,99) hsl(218,14%,34%)
#3D4250 rgb(61,66,80) hsl(224,13%,28%)
#2E333D rgb(46,51,61) hsl(220,14%,21%)

Triad color palettes

HEX RGB HSL
#5A6376 rgb(90,99,118) hsl(221,13%,41%)
#765E5A rgb(118,94,90) hsl(9,13%,41%)
#71755A rgb(113,117,90) hsl(69,13%,41%)

Tetrad color palettes

HEX RGB HSL
#5A6376 rgb(90,99,118) hsl(221,13%,41%)
#766E5A rgb(118,110,90) hsl(43,13%,41%)
#5A7076 rgb(90,112,118) hsl(193,13%,41%)
#71755A rgb(113,117,90) hsl(69,13%,41%)