HEX #505D68 color — Shuttle Gray
The color #505d68 is a dark shade and slightly desaturated.
Palette
505d68 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f6 |
rgb(243,245,246) |
hsl(208,13%,96%) |
#e5e8eb |
rgb(229,232,235) |
hsl(208,13%,91%) |
#d7dce0 |
rgb(215,220,224) |
hsl(208,13%,86%) |
#c8cfd5 |
rgb(200,207,213) |
hsl(208,13%,81%) |
#bac2ca |
rgb(186,194,202) |
hsl(208,13%,76%) |
#abb6bf |
rgb(171,182,191) |
hsl(208,13%,71%) |
#9da9b4 |
rgb(157,169,180) |
hsl(208,13%,66%) |
#8f9ca8 |
rgb(143,156,168) |
hsl(208,13%,61%) |
#80909d |
rgb(128,144,157) |
hsl(208,13%,56%) |
#728392 |
rgb(114,131,146) |
hsl(208,13%,51%) |
#667685 |
rgb(102,118,133) |
hsl(208,13%,46%) |
#5b6976 |
rgb(91,105,118) |
hsl(208,13%,41%) |
#505d68 |
rgb(80,93,104) |
hsl(208,13%,36%) |
#455059 |
rgb(69,80,89) |
hsl(208,13%,31%) |
#3a434b |
rgb(58,67,75) |
hsl(208,13%,26%) |
#2f363d |
rgb(47,54,61) |
hsl(208,13%,21%) |
#23292e |
rgb(35,41,46) |
hsl(208,13%,16%) |
#181c20 |
rgb(24,28,32) |
hsl(208,13%,11%) |
#0d0f11 |
rgb(13,15,17) |
hsl(208,13%,6%) |
#020303 |
rgb(2,3,3) |
hsl(208,13%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#506963 |
rgb(80,105,99) |
hsl(166,14%,36%) |
#505D68 |
rgb(80,93,104) |
hsl(208,13%,36%) |
#534F68 |
rgb(83,79,104) |
hsl(250,14%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6B78 |
rgb(92,107,120) |
hsl(208,13%,42%) |
#505D68 |
rgb(80,93,104) |
hsl(208,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 |
#505D68 |
rgb(80,93,104) |
hsl(208,13%,36%) |
#684F51 |
rgb(104,79,81) |
hsl(355,14%,36%) |
#686650 |
rgb(104,102,80) |
hsl(55,13%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505D68 |
rgb(80,93,104) |
hsl(208,13%,36%) |
#685C50 |
rgb(104,92,80) |
hsl(30,13%,36%) |
#506967 |
rgb(80,105,103) |
hsl(175,14%,36%) |
#686650 |
rgb(104,102,80) |
hsl(55,13%,36%) |