HEX #505E70 color — Shuttle Gray

The color #505E70 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

505E70 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
#50706C rgb(80,112,108) hsl(173,17%,38%)
#505E70 rgb(80,94,112) hsl(214,17%,38%)
#574F70 rgb(87,79,112) hsl(255,17%,37%)

Monochromatic colors

HEX RGB HSL
#5C6E81 rgb(92,110,129) hsl(211,17%,43%)
#505E70 rgb(80,94,112) hsl(214,17%,38%)
#434F5E rgb(67,79,94) hsl(213,17%,32%)
#36404C rgb(54,64,76) hsl(213,17%,25%)
#29303A rgb(41,48,58) hsl(215,17%,19%)
#1C2128 rgb(28,33,40) hsl(215,18%,13%)

Triad color palettes

HEX RGB HSL
#505E70 rgb(80,94,112) hsl(214,17%,38%)
#705250 rgb(112,82,80) hsl(4,17%,38%)
#6E7050 rgb(110,112,80) hsl(64,17%,38%)

Tetrad color palettes

HEX RGB HSL
#505E70 rgb(80,94,112) hsl(214,17%,38%)
#706150 rgb(112,97,80) hsl(32,17%,38%)
#506E70 rgb(80,110,112) hsl(184,17%,38%)
#6E7050 rgb(110,112,80) hsl(64,17%,38%)