HEX #505C68 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

505c68 color palette from light to dark

HEX RGB HSL
#f3f5f6 rgb(243,245,246) hsl(210,13%,96%)
#e5e8eb rgb(229,232,235) hsl(210,13%,91%)
#d7dbe0 rgb(215,219,224) hsl(210,13%,86%)
#c8cfd5 rgb(200,207,213) hsl(210,13%,81%)
#bac2ca rgb(186,194,202) hsl(210,13%,76%)
#abb5bf rgb(171,181,191) hsl(210,13%,71%)
#9da8b4 rgb(157,168,180) hsl(210,13%,66%)
#8f9ca8 rgb(143,156,168) hsl(210,13%,61%)
#808f9d rgb(128,143,157) hsl(210,13%,56%)
#728292 rgb(114,130,146) hsl(210,13%,51%)
#667585 rgb(102,117,133) hsl(210,13%,46%)
#5b6976 rgb(91,105,118) hsl(210,13%,41%)
#505c68 rgb(80,92,104) hsl(210,13%,36%)
#454f59 rgb(69,79,89) hsl(210,13%,31%)
#3a424b rgb(58,66,75) hsl(210,13%,26%)
#2f363d rgb(47,54,61) hsl(210,13%,21%)
#23292e rgb(35,41,46) hsl(210,13%,16%)
#181c20 rgb(24,28,32) hsl(210,13%,11%)
#0d0f11 rgb(13,15,17) hsl(210,13%,6%)
#020303 rgb(2,3,3) hsl(210,13%,1%)

Adjacent colors

HEX RGB HSL
#506964 rgb(80,105,100) hsl(168,14%,36%)
#505C68 rgb(80,92,104) hsl(210,13%,36%)
#544F68 rgb(84,79,104) hsl(252,14%,36%)

Monochromatic colors

HEX RGB HSL
#5C6B78 rgb(92,107,120) hsl(208,13%,42%)
#505C68 rgb(80,92,104) hsl(210,13%,36%)
#434D57 rgb(67,77,87) hsl(210,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
#505C68 rgb(80,92,104) hsl(210,13%,36%)
#684F50 rgb(104,79,80) hsl(358,14%,36%)
#686950 rgb(104,105,80) hsl(62,14%,36%)

Tetrad color palettes

HEX RGB HSL
#505C68 rgb(80,92,104) hsl(210,13%,36%)
#685C50 rgb(104,92,80) hsl(30,13%,36%)
#506968 rgb(80,105,104) hsl(178,14%,36%)
#686950 rgb(104,105,80) hsl(62,14%,36%)