HEX #506168 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

506168 color palette from light to dark

HEX RGB HSL
#f3f5f6 rgb(243,245,246) hsl(198,13%,96%)
#e5e9eb rgb(229,233,235) hsl(198,13%,91%)
#d7dde0 rgb(215,221,224) hsl(198,13%,86%)
#c8d1d5 rgb(200,209,213) hsl(198,13%,81%)
#bac5ca rgb(186,197,202) hsl(198,13%,76%)
#abb9bf rgb(171,185,191) hsl(198,13%,71%)
#9dadb4 rgb(157,173,180) hsl(198,13%,66%)
#8fa1a8 rgb(143,161,168) hsl(198,13%,61%)
#80959d rgb(128,149,157) hsl(198,13%,56%)
#728992 rgb(114,137,146) hsl(198,13%,51%)
#667b85 rgb(102,123,133) hsl(198,13%,46%)
#5b6e76 rgb(91,110,118) hsl(198,13%,41%)
#506168 rgb(80,97,104) hsl(198,13%,36%)
#455359 rgb(69,83,89) hsl(198,13%,31%)
#3a464b rgb(58,70,75) hsl(198,13%,26%)
#2f383d rgb(47,56,61) hsl(198,13%,21%)
#232b2e rgb(35,43,46) hsl(198,13%,16%)
#181e20 rgb(24,30,32) hsl(198,13%,11%)
#0d1011 rgb(13,16,17) hsl(198,13%,6%)
#020303 rgb(2,3,3) hsl(198,13%,1%)

Adjacent colors

HEX RGB HSL
#50695F rgb(80,105,95) hsl(156,14%,36%)
#506168 rgb(80,97,104) hsl(198,13%,36%)
#505268 rgb(80,82,104) hsl(235,13%,36%)

Monochromatic colors

HEX RGB HSL
#5C7078 rgb(92,112,120) hsl(197,13%,42%)
#506168 rgb(80,97,104) hsl(198,13%,36%)
#435257 rgb(67,82,87) hsl(195,13%,30%)
#364246 rgb(54,66,70) hsl(195,13%,24%)
#293336 rgb(41,51,54) hsl(194,14%,19%)
#1C2425 rgb(28,36,37) hsl(187,14%,13%)

Triad color palettes

HEX RGB HSL
#506168 rgb(80,97,104) hsl(198,13%,36%)
#684F55 rgb(104,79,85) hsl(346,14%,36%)
#686350 rgb(104,99,80) hsl(48,13%,36%)

Tetrad color palettes

HEX RGB HSL
#506168 rgb(80,97,104) hsl(198,13%,36%)
#685750 rgb(104,87,80) hsl(18,13%,36%)
#506963 rgb(80,105,99) hsl(166,14%,36%)
#686350 rgb(104,99,80) hsl(48,13%,36%)