HEX #5C6470 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5c6470 color palette from light to dark

HEX RGB HSL
#f1f2f4 rgb(241,242,244) hsl(216,10%,95%)
#e3e5e8 rgb(227,229,232) hsl(216,10%,90%)
#d5d8dd rgb(213,216,221) hsl(216,10%,85%)
#c7cbd1 rgb(199,203,209) hsl(216,10%,80%)
#b9bec6 rgb(185,190,198) hsl(216,10%,75%)
#abb1ba rgb(171,177,186) hsl(216,10%,70%)
#9da4af rgb(157,164,175) hsl(216,10%,65%)
#8f97a3 rgb(143,151,163) hsl(216,10%,60%)
#818a98 rgb(129,138,152) hsl(216,10%,55%)
#737d8c rgb(115,125,140) hsl(216,10%,50%)
#67707e rgb(103,112,126) hsl(216,10%,45%)
#5c6470 rgb(92,100,112) hsl(216,10%,40%)
#505762 rgb(80,87,98) hsl(216,10%,35%)
#454b54 rgb(69,75,84) hsl(216,10%,30%)
#393e46 rgb(57,62,70) hsl(216,10%,25%)
#2e3238 rgb(46,50,56) hsl(216,10%,20%)
#22252a rgb(34,37,42) hsl(216,10%,15%)
#17191c rgb(23,25,28) hsl(216,10%,10%)
#0b0c0e rgb(11,12,14) hsl(216,10%,5%)

Adjacent colors

HEX RGB HSL
#5C706E rgb(92,112,110) hsl(174,10%,40%)
#5C6470 rgb(92,100,112) hsl(216,10%,40%)
#615C70 rgb(97,92,112) hsl(255,10%,40%)

Monochromatic colors

HEX RGB HSL
#7A8592 rgb(122,133,146) hsl(213,10%,53%)
#6A7381 rgb(106,115,129) hsl(217,10%,46%)
#5C6470 rgb(92,100,112) hsl(216,10%,40%)
#4D545E rgb(77,84,94) hsl(215,10%,34%)
#3E454C rgb(62,69,76) hsl(210,10%,27%)
#2F333A rgb(47,51,58) hsl(218,10%,21%)

Triad color palettes

HEX RGB HSL
#5C6470 rgb(92,100,112) hsl(216,10%,40%)
#705E5C rgb(112,94,92) hsl(6,10%,40%)
#6E705C rgb(110,112,92) hsl(66,10%,40%)

Tetrad color palettes

HEX RGB HSL
#5C6470 rgb(92,100,112) hsl(216,10%,40%)
#70695C rgb(112,105,92) hsl(39,10%,40%)
#5C6E70 rgb(92,110,112) hsl(186,10%,40%)
#6E705C rgb(110,112,92) hsl(66,10%,40%)