HEX #506169 color — Shuttle Gray

The color #506169 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

506169 color palette from light to dark

HEX RGB HSL
#f3f5f6 rgb(243,245,246) hsl(199,14%,96%)
#e5e9eb rgb(229,233,235) hsl(199,14%,91%)
#d6dde0 rgb(214,221,224) hsl(199,14%,86%)
#c8d1d5 rgb(200,209,213) hsl(199,14%,81%)
#b9c5ca rgb(185,197,202) hsl(199,14%,76%)
#abb9bf rgb(171,185,191) hsl(199,14%,71%)
#9cadb4 rgb(156,173,180) hsl(199,14%,66%)
#8ea1a9 rgb(142,161,169) hsl(199,14%,61%)
#7f959f rgb(127,149,159) hsl(199,14%,56%)
#718894 rgb(113,136,148) hsl(199,14%,51%)
#657b86 rgb(101,123,134) hsl(199,14%,46%)
#5a6e77 rgb(90,110,119) hsl(199,14%,41%)
#4f6169 rgb(79,97,105) hsl(199,14%,36%)
#44535a rgb(68,83,90) hsl(199,14%,31%)
#39464c rgb(57,70,76) hsl(199,14%,26%)
#2e383d rgb(46,56,61) hsl(199,14%,21%)
#232b2f rgb(35,43,47) hsl(199,14%,16%)
#181d20 rgb(24,29,32) hsl(199,14%,11%)
#0d1011 rgb(13,16,17) hsl(199,14%,6%)
#020303 rgb(2,3,3) hsl(199,14%,1%)

Adjacent colors

HEX RGB HSL
#506960 rgb(80,105,96) hsl(158,14%,36%)
#506169 rgb(80,97,105) hsl(199,14%,36%)
#505269 rgb(80,82,105) hsl(235,14%,36%)

Monochromatic colors

HEX RGB HSL
#5C7079 rgb(92,112,121) hsl(199,14%,42%)
#506169 rgb(80,97,105) hsl(199,14%,36%)
#435258 rgb(67,82,88) hsl(197,14%,30%)
#364247 rgb(54,66,71) hsl(198,14%,25%)
#293336 rgb(41,51,54) hsl(194,14%,19%)
#1C2425 rgb(28,36,37) hsl(187,14%,13%)

Triad color palettes

HEX RGB HSL
#506169 rgb(80,97,105) hsl(199,14%,36%)
#694F54 rgb(105,79,84) hsl(348,14%,36%)
#696350 rgb(105,99,80) hsl(46,14%,36%)

Tetrad color palettes

HEX RGB HSL
#506169 rgb(80,97,105) hsl(199,14%,36%)
#695950 rgb(105,89,80) hsl(22,14%,36%)
#506964 rgb(80,105,100) hsl(168,14%,36%)
#696350 rgb(105,99,80) hsl(46,14%,36%)