HEX #505E68 color — Shuttle Gray
The color #505e68 is a dark shade and slightly desaturated.
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%) |