HEX #5B6B80 color — Shuttle Gray
The color #5b6b80 is a dark shade and slightly desaturated.
Palette
5b6b80 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(214,17%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(214,17%,93%) |
#dbe0e6 |
rgb(219,224,230) |
hsl(214,17%,88%) |
#ccd3db |
rgb(204,211,219) |
hsl(214,17%,83%) |
#bdc6d0 |
rgb(189,198,208) |
hsl(214,17%,78%) |
#aeb9c6 |
rgb(174,185,198) |
hsl(214,17%,73%) |
#a0acbb |
rgb(160,172,187) |
hsl(214,17%,68%) |
#919fb1 |
rgb(145,159,177) |
hsl(214,17%,63%) |
#8291a6 |
rgb(130,145,166) |
hsl(214,17%,58%) |
#73849c |
rgb(115,132,156) |
hsl(214,17%,53%) |
#66788f |
rgb(102,120,143) |
hsl(214,17%,48%) |
#5b6b80 |
rgb(91,107,128) |
hsl(214,17%,43%) |
#505f71 |
rgb(80,95,113) |
hsl(214,17%,38%) |
#465262 |
rgb(70,82,98) |
hsl(214,17%,33%) |
#3b4654 |
rgb(59,70,84) |
hsl(214,17%,28%) |
#313945 |
rgb(49,57,69) |
hsl(214,17%,23%) |
#262d36 |
rgb(38,45,54) |
hsl(214,17%,18%) |
#1c2027 |
rgb(28,32,39) |
hsl(214,17%,13%) |
#111418 |
rgb(17,20,24) |
hsl(214,17%,8%) |
#060709 |
rgb(6,7,9) |
hsl(214,17%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5B807C |
rgb(91,128,124) |
hsl(174,17%,43%) |
#5B6B80 |
rgb(91,107,128) |
hsl(214,17%,43%) |
#635C80 |
rgb(99,92,128) |
hsl(252,16%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D8FA3 |
rgb(125,143,163) |
hsl(212,17%,56%) |
#697D94 |
rgb(105,125,148) |
hsl(212,17%,50%) |
#5B6B80 |
rgb(91,107,128) |
hsl(214,17%,43%) |
#4C596B |
rgb(76,89,107) |
hsl(215,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 |
#5B6B80 |
rgb(91,107,128) |
hsl(214,17%,43%) |
#805E5B |
rgb(128,94,91) |
hsl(5,17%,43%) |
#7D805B |
rgb(125,128,91) |
hsl(65,17%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B6B80 |
rgb(91,107,128) |
hsl(214,17%,43%) |
#80705B |
rgb(128,112,91) |
hsl(34,17%,43%) |
#5B7D80 |
rgb(91,125,128) |
hsl(185,17%,43%) |
#7D805B |
rgb(125,128,91) |
hsl(65,17%,43%) |