HEX #5A7080 color — Shuttle Gray
The color #5A7080 is a dark shade and slightly desaturated.
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%) |