HEX #5B6A80 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5b6a80 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(216,17%,98%)
#eaedf0 rgb(234,237,240) hsl(216,17%,93%)
#dbdfe6 rgb(219,223,230) hsl(216,17%,88%)
#ccd2db rgb(204,210,219) hsl(216,17%,83%)
#bdc5d0 rgb(189,197,208) hsl(216,17%,78%)
#aeb8c6 rgb(174,184,198) hsl(216,17%,73%)
#a0abbb rgb(160,171,187) hsl(216,17%,68%)
#919db1 rgb(145,157,177) hsl(216,17%,63%)
#8290a6 rgb(130,144,166) hsl(216,17%,58%)
#73839c rgb(115,131,156) hsl(216,17%,53%)
#66768f rgb(102,118,143) hsl(216,17%,48%)
#5b6a80 rgb(91,106,128) hsl(216,17%,43%)
#505e71 rgb(80,94,113) hsl(216,17%,38%)
#465162 rgb(70,81,98) hsl(216,17%,33%)
#3b4554 rgb(59,69,84) hsl(216,17%,28%)
#313945 rgb(49,57,69) hsl(216,17%,23%)
#262c36 rgb(38,44,54) hsl(216,17%,18%)
#1c2027 rgb(28,32,39) hsl(216,17%,13%)
#111418 rgb(17,20,24) hsl(216,17%,8%)
#060709 rgb(6,7,9) hsl(216,17%,3%)

Adjacent colors

HEX RGB HSL
#5B807D rgb(91,128,125) hsl(175,17%,43%)
#5B6A80 rgb(91,106,128) hsl(216,17%,43%)
#645C80 rgb(100,92,128) hsl(253,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%)
#5B6A80 rgb(91,106,128) hsl(216,17%,43%)
#4C596B rgb(76,89,107) hsl(215,17%,36%)
#3D4757 rgb(61,71,87) hsl(217,18%,29%)
#2F3842 rgb(47,56,66) hsl(212,17%,22%)

Triad color palettes

HEX RGB HSL
#5B6A80 rgb(91,106,128) hsl(216,17%,43%)
#805E5B rgb(128,94,91) hsl(5,17%,43%)
#7C805B rgb(124,128,91) hsl(66,17%,43%)

Tetrad color palettes

HEX RGB HSL
#5B6A80 rgb(91,106,128) hsl(216,17%,43%)
#80705B rgb(128,112,91) hsl(34,17%,43%)
#5B7D80 rgb(91,125,128) hsl(185,17%,43%)
#7C805B rgb(124,128,91) hsl(66,17%,43%)