HEX #505F68 color — Shuttle Gray
The color #505f68 is a dark shade and slightly desaturated.
Palette
505f68 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 |
#506961 |
rgb(80,105,97) |
hsl(161,14%,36%) |
#505F68 |
rgb(80,95,104) |
hsl(203,13%,36%) |
#514F68 |
rgb(81,79,104) |
hsl(245,14%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C6E78 |
rgb(92,110,120) |
hsl(201,13%,42%) |
#505F68 |
rgb(80,95,104) |
hsl(203,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 |
#505F68 |
rgb(80,95,104) |
hsl(203,13%,36%) |
#684F53 |
rgb(104,79,83) |
hsl(350,14%,36%) |
#686650 |
rgb(104,102,80) |
hsl(55,13%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#505F68 |
rgb(80,95,104) |
hsl(203,13%,36%) |
#685950 |
rgb(104,89,80) |
hsl(23,13%,36%) |
#506965 |
rgb(80,105,101) |
hsl(170,14%,36%) |
#686650 |
rgb(104,102,80) |
hsl(55,13%,36%) |