HEX #5B6E80 color — Shuttle Gray
The color #5b6e80 is a dark shade and slightly desaturated.
Palette
5b6e80 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(209,17%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(209,17%,93%) |
#dbe1e6 |
rgb(219,225,230) |
hsl(209,17%,88%) |
#ccd4db |
rgb(204,212,219) |
hsl(209,17%,83%) |
#bdc7d0 |
rgb(189,199,208) |
hsl(209,17%,78%) |
#aebbc6 |
rgb(174,187,198) |
hsl(209,17%,73%) |
#a0aebb |
rgb(160,174,187) |
hsl(209,17%,68%) |
#91a1b1 |
rgb(145,161,177) |
hsl(209,17%,63%) |
#8295a6 |
rgb(130,149,166) |
hsl(209,17%,58%) |
#73889c |
rgb(115,136,156) |
hsl(209,17%,53%) |
#667b8f |
rgb(102,123,143) |
hsl(209,17%,48%) |
#5b6e80 |
rgb(91,110,128) |
hsl(209,17%,43%) |
#506171 |
rgb(80,97,113) |
hsl(209,17%,38%) |
#465562 |
rgb(70,85,98) |
hsl(209,17%,33%) |
#3b4854 |
rgb(59,72,84) |
hsl(209,17%,28%) |
#313b45 |
rgb(49,59,69) |
hsl(209,17%,23%) |
#262e36 |
rgb(38,46,54) |
hsl(209,17%,18%) |
#1c2127 |
rgb(28,33,39) |
hsl(209,17%,13%) |
#111518 |
rgb(17,21,24) |
hsl(209,17%,8%) |
#060809 |
rgb(6,8,9) |
hsl(209,17%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5B8079 |
rgb(91,128,121) |
hsl(169,17%,43%) |
#5B6E80 |
rgb(91,110,128) |
hsl(209,17%,43%) |
#605C80 |
rgb(96,92,128) |
hsl(247,16%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D91A3 |
rgb(125,145,163) |
hsl(208,17%,56%) |
#698094 |
rgb(105,128,148) |
hsl(208,17%,50%) |
#5B6E80 |
rgb(91,110,128) |
hsl(209,17%,43%) |
#4C5C6B |
rgb(76,92,107) |
hsl(209,17%,36%) |
#3D4A57 |
rgb(61,74,87) |
hsl(210,18%,29%) |
#2F3842 |
rgb(47,56,66) |
hsl(212,17%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B6E80 |
rgb(91,110,128) |
hsl(209,17%,43%) |
#805C5B |
rgb(128,92,91) |
hsl(2,17%,43%) |
#80805B |
rgb(128,128,91) |
hsl(60,17%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B6E80 |
rgb(91,110,128) |
hsl(209,17%,43%) |
#806E5B |
rgb(128,110,91) |
hsl(31,17%,43%) |
#5B807F |
rgb(91,128,127) |
hsl(178,17%,43%) |
#80805B |
rgb(128,128,91) |
hsl(60,17%,43%) |