HEX #5B6980 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5B6980 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(217,17%,98%)
#eaecf0 rgb(234,236,240) hsl(217,17%,93%)
#dbdfe6 rgb(219,223,230) hsl(217,17%,88%)
#ccd2db rgb(204,210,219) hsl(217,17%,83%)
#bdc5d0 rgb(189,197,208) hsl(217,17%,78%)
#aeb7c6 rgb(174,183,198) hsl(217,17%,73%)
#a0aabb rgb(160,170,187) hsl(217,17%,68%)
#919db1 rgb(145,157,177) hsl(217,17%,63%)
#8290a6 rgb(130,144,166) hsl(217,17%,58%)
#73829c rgb(115,130,156) hsl(217,17%,53%)
#66768f rgb(102,118,143) hsl(217,17%,48%)
#5b6980 rgb(91,105,128) hsl(217,17%,43%)
#505d71 rgb(80,93,113) hsl(217,17%,38%)
#465162 rgb(70,81,98) hsl(217,17%,33%)
#3b4554 rgb(59,69,84) hsl(217,17%,28%)
#313845 rgb(49,56,69) hsl(217,17%,23%)
#262c36 rgb(38,44,54) hsl(217,17%,18%)
#1c2027 rgb(28,32,39) hsl(217,17%,13%)
#111418 rgb(17,20,24) hsl(217,17%,8%)
#060709 rgb(6,7,9) hsl(217,17%,3%)

Adjacent colors

HEX RGB HSL
#5B807E rgb(91,128,126) hsl(177,17%,43%)
#5B6980 rgb(91,105,128) hsl(217,17%,43%)
#655C80 rgb(101,92,128) hsl(255,16%,43%)

Monochromatic colors

HEX RGB HSL
#7D8CA3 rgb(125,140,163) hsl(216,17%,56%)
#697A94 rgb(105,122,148) hsl(216,17%,50%)
#5B6980 rgb(91,105,128) hsl(217,17%,43%)
#4C596B rgb(76,89,107) hsl(215,17%,36%)
#3D4757 rgb(61,71,87) hsl(217,18%,29%)
#2F3642 rgb(47,54,66) hsl(218,17%,22%)

Triad color palettes

HEX RGB HSL
#5B6980 rgb(91,105,128) hsl(217,17%,43%)
#805E5B rgb(128,94,91) hsl(5,17%,43%)
#7B805B rgb(123,128,91) hsl(68,17%,43%)

Tetrad color palettes

HEX RGB HSL
#5B6980 rgb(91,105,128) hsl(217,17%,43%)
#80735B rgb(128,115,91) hsl(39,17%,43%)
#5B7A80 rgb(91,122,128) hsl(190,17%,43%)
#7B805B rgb(123,128,91) hsl(68,17%,43%)