HEX #506168 color — Shuttle Gray
The color #506168 is a dark shade and slightly desaturated.
Palette
506168 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f6 |
rgb(243,245,246) |
hsl(198,13%,96%) |
#e5e9eb |
rgb(229,233,235) |
hsl(198,13%,91%) |
#d7dde0 |
rgb(215,221,224) |
hsl(198,13%,86%) |
#c8d1d5 |
rgb(200,209,213) |
hsl(198,13%,81%) |
#bac5ca |
rgb(186,197,202) |
hsl(198,13%,76%) |
#abb9bf |
rgb(171,185,191) |
hsl(198,13%,71%) |
#9dadb4 |
rgb(157,173,180) |
hsl(198,13%,66%) |
#8fa1a8 |
rgb(143,161,168) |
hsl(198,13%,61%) |
#80959d |
rgb(128,149,157) |
hsl(198,13%,56%) |
#728992 |
rgb(114,137,146) |
hsl(198,13%,51%) |
#667b85 |
rgb(102,123,133) |
hsl(198,13%,46%) |
#5b6e76 |
rgb(91,110,118) |
hsl(198,13%,41%) |
#506168 |
rgb(80,97,104) |
hsl(198,13%,36%) |
#455359 |
rgb(69,83,89) |
hsl(198,13%,31%) |
#3a464b |
rgb(58,70,75) |
hsl(198,13%,26%) |
#2f383d |
rgb(47,56,61) |
hsl(198,13%,21%) |
#232b2e |
rgb(35,43,46) |
hsl(198,13%,16%) |
#181e20 |
rgb(24,30,32) |
hsl(198,13%,11%) |
#0d1011 |
rgb(13,16,17) |
hsl(198,13%,6%) |
#020303 |
rgb(2,3,3) |
hsl(198,13%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#50695F |
rgb(80,105,95) |
hsl(156,14%,36%) |
#506168 |
rgb(80,97,104) |
hsl(198,13%,36%) |
#505268 |
rgb(80,82,104) |
hsl(235,13%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5C7078 |
rgb(92,112,120) |
hsl(197,13%,42%) |
#506168 |
rgb(80,97,104) |
hsl(198,13%,36%) |
#435257 |
rgb(67,82,87) |
hsl(195,13%,30%) |
#364246 |
rgb(54,66,70) |
hsl(195,13%,24%) |
#293336 |
rgb(41,51,54) |
hsl(194,14%,19%) |
#1C2425 |
rgb(28,36,37) |
hsl(187,14%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#506168 |
rgb(80,97,104) |
hsl(198,13%,36%) |
#684F55 |
rgb(104,79,85) |
hsl(346,14%,36%) |
#686350 |
rgb(104,99,80) |
hsl(48,13%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506168 |
rgb(80,97,104) |
hsl(198,13%,36%) |
#685750 |
rgb(104,87,80) |
hsl(18,13%,36%) |
#506963 |
rgb(80,105,99) |
hsl(166,14%,36%) |
#686350 |
rgb(104,99,80) |
hsl(48,13%,36%) |