HEX #505D68 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

505d68 color palette from light to dark

HEX RGB HSL
#f3f5f6 rgb(243,245,246) hsl(208,13%,96%)
#e5e8eb rgb(229,232,235) hsl(208,13%,91%)
#d7dce0 rgb(215,220,224) hsl(208,13%,86%)
#c8cfd5 rgb(200,207,213) hsl(208,13%,81%)
#bac2ca rgb(186,194,202) hsl(208,13%,76%)
#abb6bf rgb(171,182,191) hsl(208,13%,71%)
#9da9b4 rgb(157,169,180) hsl(208,13%,66%)
#8f9ca8 rgb(143,156,168) hsl(208,13%,61%)
#80909d rgb(128,144,157) hsl(208,13%,56%)
#728392 rgb(114,131,146) hsl(208,13%,51%)
#667685 rgb(102,118,133) hsl(208,13%,46%)
#5b6976 rgb(91,105,118) hsl(208,13%,41%)
#505d68 rgb(80,93,104) hsl(208,13%,36%)
#455059 rgb(69,80,89) hsl(208,13%,31%)
#3a434b rgb(58,67,75) hsl(208,13%,26%)
#2f363d rgb(47,54,61) hsl(208,13%,21%)
#23292e rgb(35,41,46) hsl(208,13%,16%)
#181c20 rgb(24,28,32) hsl(208,13%,11%)
#0d0f11 rgb(13,15,17) hsl(208,13%,6%)
#020303 rgb(2,3,3) hsl(208,13%,1%)

Adjacent colors

HEX RGB HSL
#506963 rgb(80,105,99) hsl(166,14%,36%)
#505D68 rgb(80,93,104) hsl(208,13%,36%)
#534F68 rgb(83,79,104) hsl(250,14%,36%)

Monochromatic colors

HEX RGB HSL
#5C6B78 rgb(92,107,120) hsl(208,13%,42%)
#505D68 rgb(80,93,104) hsl(208,13%,36%)
#434F57 rgb(67,79,87) hsl(204,13%,30%)
#364046 rgb(54,64,70) hsl(203,13%,24%)
#293036 rgb(41,48,54) hsl(208,14%,19%)
#1C2125 rgb(28,33,37) hsl(207,14%,13%)

Triad color palettes

HEX RGB HSL
#505D68 rgb(80,93,104) hsl(208,13%,36%)
#684F51 rgb(104,79,81) hsl(355,14%,36%)
#686650 rgb(104,102,80) hsl(55,13%,36%)

Tetrad color palettes

HEX RGB HSL
#505D68 rgb(80,93,104) hsl(208,13%,36%)
#685C50 rgb(104,92,80) hsl(30,13%,36%)
#506967 rgb(80,105,103) hsl(175,14%,36%)
#686650 rgb(104,102,80) hsl(55,13%,36%)