Base color

Shades of MediumSlateBlue

#7B68EE · rgb(123, 104, 238) · hsl(249, 80%, 67%)

Lightness scale

MediumSlateBlue stepped from #efedfd at the light end to #07031c at the dark end, at a fixed saturation.

Tints

9 tints of MediumSlateBlue, #8877f0 to #f2f0fd — mixed toward white for backgrounds and fills.

Shades

9 shades of MediumSlateBlue, #6f5ed6 to #0c0a18 — mixed toward black for text, borders and emphasis.

Tones

9 tones of MediumSlateBlue, #7c6ae3 to #807e8b — mixed toward gray for areas that have to stay quiet.

The MediumSlateBlue scale walks from pale tints to deep shades while keeping the same hue. Use the light end for backgrounds, the middle for accents and the dark end for text and borders.

Frequently asked questions

MediumSlateBlue (#7B68EE) has 9 shades mixed toward black, 9 tints mixed toward white and 9 tones mixed toward gray — all listed above with hex codes.

Good to know

  • All 38 MediumSlateBlue swatches above copy to your clipboard with one click.
  • Use the light end of MediumSlateBlue for large surfaces, the middle for buttons and borders, and the dark end for text.

Tools that pair with Shades Generator

Next steps for MediumSlateBlue: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.

Guides for MediumSlateBlue

Longer reads for the questions that come up around mediumslateblue.