HEX #5A7080 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

5A7080 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(205,17%,98%)
#eaeef0 rgb(234,238,240) hsl(205,17%,93%)
#dbe1e6 rgb(219,225,230) hsl(205,17%,88%)
#ccd5db rgb(204,213,219) hsl(205,17%,83%)
#bdc8d0 rgb(189,200,208) hsl(205,17%,78%)
#aebcc6 rgb(174,188,198) hsl(205,17%,73%)
#a0b0bb rgb(160,176,187) hsl(205,17%,68%)
#91a3b1 rgb(145,163,177) hsl(205,17%,63%)
#8297a6 rgb(130,151,166) hsl(205,17%,58%)
#738b9c rgb(115,139,156) hsl(205,17%,53%)
#667e8f rgb(102,126,143) hsl(205,17%,48%)
#5b7180 rgb(91,113,128) hsl(205,17%,43%)
#506471 rgb(80,100,113) hsl(205,17%,38%)
#465762 rgb(70,87,98) hsl(205,17%,33%)
#3b4954 rgb(59,73,84) hsl(205,17%,28%)
#313c45 rgb(49,60,69) hsl(205,17%,23%)
#262f36 rgb(38,47,54) hsl(205,17%,18%)
#1c2227 rgb(28,34,39) hsl(205,17%,13%)
#111518 rgb(17,21,24) hsl(205,17%,8%)
#060809 rgb(6,8,9) hsl(205,17%,3%)

Adjacent colors

HEX RGB HSL
#5A8076 rgb(90,128,118) hsl(164,17%,43%)
#5A7080 rgb(90,112,128) hsl(205,17%,43%)
#5D5980 rgb(93,89,128) hsl(246,18%,43%)

Monochromatic colors

HEX RGB HSL
#7C94A3 rgb(124,148,163) hsl(203,17%,56%)
#688294 rgb(104,130,148) hsl(205,17%,49%)
#5A7080 rgb(90,112,128) hsl(205,17%,43%)
#4B5E6B rgb(75,94,107) hsl(204,18%,36%)
#3D4D57 rgb(61,77,87) hsl(203,18%,29%)
#2E3B42 rgb(46,59,66) hsl(201,18%,22%)

Triad color palettes

HEX RGB HSL
#5A7080 rgb(90,112,128) hsl(205,17%,43%)
#80595D rgb(128,89,93) hsl(354,18%,43%)
#807D5A rgb(128,125,90) hsl(55,17%,43%)

Tetrad color palettes

HEX RGB HSL
#5A7080 rgb(90,112,128) hsl(205,17%,43%)
#806B5A rgb(128,107,90) hsl(27,17%,43%)
#5A807D rgb(90,128,125) hsl(175,17%,43%)
#807D5A rgb(128,125,90) hsl(55,17%,43%)