HEX #505E69 color — Shuttle Gray
The color #505E69 is a dark shade and slightly desaturated.
Palette
505E69 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f6 |
rgb(243,245,246) |
hsl(206,14%,96%) |
#e5e8eb |
rgb(229,232,235) |
hsl(206,14%,91%) |
#d6dce0 |
rgb(214,220,224) |
hsl(206,14%,86%) |
#c8cfd5 |
rgb(200,207,213) |
hsl(206,14%,81%) |
#b9c3ca |
rgb(185,195,202) |
hsl(206,14%,76%) |
#abb6bf |
rgb(171,182,191) |
hsl(206,14%,71%) |
#9caab4 |
rgb(156,170,180) |
hsl(206,14%,66%) |
#8e9da9 |
rgb(142,157,169) |
hsl(206,14%,61%) |
#7f919f |
rgb(127,145,159) |
hsl(206,14%,56%) |
#718494 |
rgb(113,132,148) |
hsl(206,14%,51%) |
#657786 |
rgb(101,119,134) |
hsl(206,14%,46%) |
#5a6b77 |
rgb(90,107,119) |
hsl(206,14%,41%) |
#4f5e69 |
rgb(79,94,105) |
hsl(206,14%,36%) |
#44515a |
rgb(68,81,90) |
hsl(206,14%,31%) |
#39444c |
rgb(57,68,76) |
hsl(206,14%,26%) |
#2e373d |
rgb(46,55,61) |
hsl(206,14%,21%) |
#232a2f |
rgb(35,42,47) |
hsl(206,14%,16%) |
#181d20 |
rgb(24,29,32) |
hsl(206,14%,11%) |
#0d1011 |
rgb(13,16,17) |
hsl(206,14%,6%) |
#020303 |
rgb(2,3,3) |
hsl(206,14%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#506963 |
rgb(80,105,99) |
hsl(166,14%,36%) |
#505E69 |
rgb(80,94,105) |
hsl(206,14%,36%) |
#524F69 |
rgb(82,79,105) |
hsl(247,14%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6E79 |
rgb(92,110,121) |
hsl(203,14%,42%) |
#505E69 |
rgb(80,94,105) |
hsl(206,14%,36%) |
#434F58 |
rgb(67,79,88) |
hsl(206,14%,30%) |
#364047 |
rgb(54,64,71) |
hsl(205,14%,25%) |
#293036 |
rgb(41,48,54) |
hsl(208,14%,19%) |
#1C2125 |
rgb(28,33,37) |
hsl(207,14%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#505E69 |
rgb(80,94,105) |
hsl(206,14%,36%) |
#694F51 |
rgb(105,79,81) |
hsl(355,14%,36%) |
#696950 |
rgb(105,105,80) |
hsl(60,14%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505E69 |
rgb(80,94,105) |
hsl(206,14%,36%) |
#695C50 |
rgb(105,92,80) |
hsl(29,14%,36%) |
#506967 |
rgb(80,105,103) |
hsl(175,14%,36%) |
#696950 |
rgb(105,105,80) |
hsl(60,14%,36%) |