HEX #505E67 color — Shuttle Gray

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

Color codes

copy icon
copy icon
copy icon

Palette

505E67 color palette from light to dark

HEX RGB HSL
#f3f5f6 rgb(243,245,246) hsl(203,13%,96%)
#e5e9eb rgb(229,233,235) hsl(203,13%,91%)
#d7dce0 rgb(215,220,224) hsl(203,13%,86%)
#c8d0d5 rgb(200,208,213) hsl(203,13%,81%)
#bac4ca rgb(186,196,202) hsl(203,13%,76%)
#abb7bf rgb(171,183,191) hsl(203,13%,71%)
#9dabb4 rgb(157,171,180) hsl(203,13%,66%)
#8f9fa8 rgb(143,159,168) hsl(203,13%,61%)
#80929d rgb(128,146,157) hsl(203,13%,56%)
#728692 rgb(114,134,146) hsl(203,13%,51%)
#667985 rgb(102,121,133) hsl(203,13%,46%)
#5b6c76 rgb(91,108,118) hsl(203,13%,41%)
#505f68 rgb(80,95,104) hsl(203,13%,36%)
#455159 rgb(69,81,89) hsl(203,13%,31%)
#3a444b rgb(58,68,75) hsl(203,13%,26%)
#2f373d rgb(47,55,61) hsl(203,13%,21%)
#232a2e rgb(35,42,46) hsl(203,13%,16%)
#181d20 rgb(24,29,32) hsl(203,13%,11%)
#0d1011 rgb(13,16,17) hsl(203,13%,6%)
#020303 rgb(2,3,3) hsl(203,13%,1%)

Adjacent colors

HEX RGB HSL
#506660 rgb(80,102,96) hsl(164,12%,36%)
#505E67 rgb(80,94,103) hsl(203,13%,36%)
#514F67 rgb(81,79,103) hsl(245,13%,36%)

Monochromatic colors

HEX RGB HSL
#5C6E77 rgb(92,110,119) hsl(200,13%,41%)
#505E67 rgb(80,94,103) hsl(203,13%,36%)
#434F56 rgb(67,79,86) hsl(202,12%,30%)
#364046 rgb(54,64,70) hsl(203,13%,24%)
#293035 rgb(41,48,53) hsl(205,13%,18%)
#1C2125 rgb(28,33,37) hsl(207,14%,13%)

Triad color palettes

HEX RGB HSL
#505E67 rgb(80,94,103) hsl(203,13%,36%)
#674F52 rgb(103,79,82) hsl(353,13%,36%)
#676350 rgb(103,99,80) hsl(50,13%,36%)

Tetrad color palettes

HEX RGB HSL
#505E67 rgb(80,94,103) hsl(203,13%,36%)
#675950 rgb(103,89,80) hsl(23,13%,36%)
#506664 rgb(80,102,100) hsl(175,12%,36%)
#676350 rgb(103,99,80) hsl(50,13%,36%)