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