HEX #5B7082 color — Shuttle Gray
The color #5B7082 is a dark shade and slightly desaturated.
Palette
5B7082 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(208,18%,98%) |
#eaedf0 |
rgb(234,237,240) |
hsl(208,18%,93%) |
#dbe1e6 |
rgb(219,225,230) |
hsl(208,18%,88%) |
#ccd4db |
rgb(204,212,219) |
hsl(208,18%,83%) |
#bdc8d1 |
rgb(189,200,209) |
hsl(208,18%,78%) |
#aebbc7 |
rgb(174,187,199) |
hsl(208,18%,73%) |
#9faebc |
rgb(159,174,188) |
hsl(208,18%,68%) |
#90a2b2 |
rgb(144,162,178) |
hsl(208,18%,63%) |
#8195a7 |
rgb(129,149,167) |
hsl(208,18%,58%) |
#72899d |
rgb(114,137,157) |
hsl(208,18%,53%) |
#647c90 |
rgb(100,124,144) |
hsl(208,18%,48%) |
#5a6f81 |
rgb(90,111,129) |
hsl(208,18%,43%) |
#4f6272 |
rgb(79,98,114) |
hsl(208,18%,38%) |
#455563 |
rgb(69,85,99) |
hsl(208,18%,33%) |
#3b4854 |
rgb(59,72,84) |
hsl(208,18%,28%) |
#303b45 |
rgb(48,59,69) |
hsl(208,18%,23%) |
#262e36 |
rgb(38,46,54) |
hsl(208,18%,18%) |
#1b2227 |
rgb(27,34,39) |
hsl(208,18%,13%) |
#111518 |
rgb(17,21,24) |
hsl(208,18%,8%) |
#060809 |
rgb(6,8,9) |
hsl(208,18%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5B827A |
rgb(91,130,122) |
hsl(168,18%,43%) |
#5B7082 |
rgb(91,112,130) |
hsl(208,18%,43%) |
#605C82 |
rgb(96,92,130) |
hsl(246,17%,44%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E94A5 |
rgb(126,148,165) |
hsl(206,18%,57%) |
#698296 |
rgb(105,130,150) |
hsl(207,18%,50%) |
#5B7082 |
rgb(91,112,130) |
hsl(208,18%,43%) |
#4C5E6D |
rgb(76,94,109) |
hsl(207,18%,36%) |
#3D4D58 |
rgb(61,77,88) |
hsl(204,18%,29%) |
#2F3B43 |
rgb(47,59,67) |
hsl(204,18%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B7082 |
rgb(91,112,130) |
hsl(208,18%,43%) |
#825C5C |
rgb(130,92,92) |
hsl(360,17%,44%) |
#82805B |
rgb(130,128,91) |
hsl(57,18%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B7082 |
rgb(91,112,130) |
hsl(208,18%,43%) |
#826E5B |
rgb(130,110,91) |
hsl(29,18%,43%) |
#5B8280 |
rgb(91,130,128) |
hsl(177,18%,43%) |
#82805B |
rgb(130,128,91) |
hsl(57,18%,43%) |