HEX #5C6980 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5C6980 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(218,16%,98%)
#eaecf0 rgb(234,236,240) hsl(218,16%,93%)
#dcdfe5 rgb(220,223,229) hsl(218,16%,88%)
#cdd2db rgb(205,210,219) hsl(218,16%,83%)
#bec5d0 rgb(190,197,208) hsl(218,16%,78%)
#afb7c5 rgb(175,183,197) hsl(218,16%,73%)
#a0aaba rgb(160,170,186) hsl(218,16%,68%)
#929db0 rgb(146,157,176) hsl(218,16%,63%)
#838fa5 rgb(131,143,165) hsl(218,16%,58%)
#74829a rgb(116,130,154) hsl(218,16%,53%)
#67758e rgb(103,117,142) hsl(218,16%,48%)
#5c697f rgb(92,105,127) hsl(218,16%,43%)
#515d70 rgb(81,93,112) hsl(218,16%,38%)
#475162 rgb(71,81,98) hsl(218,16%,33%)
#3c4453 rgb(60,68,83) hsl(218,16%,28%)
#313844 rgb(49,56,68) hsl(218,16%,23%)
#272c35 rgb(39,44,53) hsl(218,16%,18%)
#1c2026 rgb(28,32,38) hsl(218,16%,13%)
#111418 rgb(17,20,24) hsl(218,16%,8%)
#060709 rgb(6,7,9) hsl(218,16%,3%)

Adjacent colors

HEX RGB HSL
#5C807F rgb(92,128,127) hsl(178,16%,43%)
#5C6980 rgb(92,105,128) hsl(218,16%,43%)
#675C80 rgb(103,92,128) hsl(258,16%,43%)

Monochromatic colors

HEX RGB HSL
#7F8CA3 rgb(127,140,163) hsl(218,16%,57%)
#6A7A94 rgb(106,122,148) hsl(217,17%,50%)
#5C6980 rgb(92,105,128) hsl(218,16%,43%)
#4D596B rgb(77,89,107) hsl(216,16%,36%)
#3E4757 rgb(62,71,87) hsl(218,17%,29%)
#2F3642 rgb(47,54,66) hsl(218,17%,22%)

Triad color palettes

HEX RGB HSL
#5C6980 rgb(92,105,128) hsl(218,16%,43%)
#80615C rgb(128,97,92) hsl(8,16%,43%)
#7B805C rgb(123,128,92) hsl(68,16%,43%)

Tetrad color palettes

HEX RGB HSL
#5C6980 rgb(92,105,128) hsl(218,16%,43%)
#80735C rgb(128,115,92) hsl(38,16%,43%)
#5C7A80 rgb(92,122,128) hsl(190,16%,43%)
#7B805C rgb(123,128,92) hsl(68,16%,43%)