HEX #505C69 color — Shuttle Gray
The color #505C69 is a dark shade and slightly desaturated.
Palette
505C69 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f6 |
rgb(243,245,246) |
hsl(211,14%,96%) |
#e5e8eb |
rgb(229,232,235) |
hsl(211,14%,91%) |
#d6dbe0 |
rgb(214,219,224) |
hsl(211,14%,86%) |
#c8ced5 |
rgb(200,206,213) |
hsl(211,14%,81%) |
#b9c2ca |
rgb(185,194,202) |
hsl(211,14%,76%) |
#abb5bf |
rgb(171,181,191) |
hsl(211,14%,71%) |
#9ca8b4 |
rgb(156,168,180) |
hsl(211,14%,66%) |
#8e9ba9 |
rgb(142,155,169) |
hsl(211,14%,61%) |
#7f8e9f |
rgb(127,142,159) |
hsl(211,14%,56%) |
#718194 |
rgb(113,129,148) |
hsl(211,14%,51%) |
#657586 |
rgb(101,117,134) |
hsl(211,14%,46%) |
#5a6877 |
rgb(90,104,119) |
hsl(211,14%,41%) |
#4f5b69 |
rgb(79,91,105) |
hsl(211,14%,36%) |
#444f5a |
rgb(68,79,90) |
hsl(211,14%,31%) |
#39424c |
rgb(57,66,76) |
hsl(211,14%,26%) |
#2e353d |
rgb(46,53,61) |
hsl(211,14%,21%) |
#23292f |
rgb(35,41,47) |
hsl(211,14%,16%) |
#181c20 |
rgb(24,28,32) |
hsl(211,14%,11%) |
#0d0f11 |
rgb(13,15,17) |
hsl(211,14%,6%) |
#020303 |
rgb(2,3,3) |
hsl(211,14%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#506965 |
rgb(80,105,101) |
hsl(170,14%,36%) |
#505C69 |
rgb(80,92,105) |
hsl(211,14%,36%) |
#544F69 |
rgb(84,79,105) |
hsl(252,14%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6B79 |
rgb(92,107,121) |
hsl(209,14%,42%) |
#505C69 |
rgb(80,92,105) |
hsl(211,14%,36%) |
#434D58 |
rgb(67,77,88) |
hsl(211,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 |
#505C69 |
rgb(80,92,105) |
hsl(211,14%,36%) |
#695250 |
rgb(105,82,80) |
hsl(5,14%,36%) |
#686950 |
rgb(104,105,80) |
hsl(62,14%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505C69 |
rgb(80,92,105) |
hsl(211,14%,36%) |
#695C50 |
rgb(105,92,80) |
hsl(29,14%,36%) |
#506969 |
rgb(80,105,105) |
hsl(180,14%,36%) |
#686950 |
rgb(104,105,80) |
hsl(62,14%,36%) |