HEX #505E68 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

505e68 color palette from light to dark

HEX RGB HSL
#f3f5f6 rgb(243,245,246) hsl(205,13%,96%)
#e5e9eb rgb(229,233,235) hsl(205,13%,91%)
#d7dce0 rgb(215,220,224) hsl(205,13%,86%)
#c8d0d5 rgb(200,208,213) hsl(205,13%,81%)
#bac3ca rgb(186,195,202) hsl(205,13%,76%)
#abb7bf rgb(171,183,191) hsl(205,13%,71%)
#9daab4 rgb(157,170,180) hsl(205,13%,66%)
#8f9ea8 rgb(143,158,168) hsl(205,13%,61%)
#80919d rgb(128,145,157) hsl(205,13%,56%)
#728592 rgb(114,133,146) hsl(205,13%,51%)
#667885 rgb(102,120,133) hsl(205,13%,46%)
#5b6b76 rgb(91,107,118) hsl(205,13%,41%)
#505e68 rgb(80,94,104) hsl(205,13%,36%)
#455159 rgb(69,81,89) hsl(205,13%,31%)
#3a444b rgb(58,68,75) hsl(205,13%,26%)
#2f373d rgb(47,55,61) hsl(205,13%,21%)
#232a2e rgb(35,42,46) hsl(205,13%,16%)
#181d20 rgb(24,29,32) hsl(205,13%,11%)
#0d1011 rgb(13,16,17) hsl(205,13%,6%)
#020303 rgb(2,3,3) hsl(205,13%,1%)

Adjacent colors

HEX RGB HSL
#506962 rgb(80,105,98) hsl(163,14%,36%)
#505E68 rgb(80,94,104) hsl(205,13%,36%)
#524F68 rgb(82,79,104) hsl(247,14%,36%)

Monochromatic colors

HEX RGB HSL
#5C6E78 rgb(92,110,120) hsl(201,13%,42%)
#505E68 rgb(80,94,104) hsl(205,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
#505E68 rgb(80,94,104) hsl(205,13%,36%)
#684F52 rgb(104,79,82) hsl(353,14%,36%)
#686650 rgb(104,102,80) hsl(55,13%,36%)

Tetrad color palettes

HEX RGB HSL
#505E68 rgb(80,94,104) hsl(205,13%,36%)
#685950 rgb(104,89,80) hsl(23,13%,36%)
#506966 rgb(80,105,102) hsl(173,14%,36%)
#686650 rgb(104,102,80) hsl(55,13%,36%)