Medium Slate Blue

Meet Medium Slate Blue (#7B68EE), a captivating shade that sits at the intersection of cool blue and subtle purple. Its striking character comes from this unique balance, offering a rich, saturated hue that commands attention without overwhelming the visual field, making it a compelling choice for modern interfaces.

What color is Medium Slate Blue?

What is the meaning of Medium Slate Blue?

How do I use Medium Slate Blue (#7B68EE) in UI design?

Using Medium Slate Blue color codes

Medium Slate Blue

#7B68EE

Access our full UI & UX library today.

What color is Medium Slate Blue?

What is the meaning of Medium Slate Blue?

How do I use Medium Slate Blue (#7B68EE) in UI design?

Using Medium Slate Blue color codes

Medium Slate Blue Code Conversions

HEX

#7B68EE

LAB

52, 41, -65

RGB

123, 104, 238

XYZ

28.5, 20.3, 83.3

HSL

249°, 80%, 67%

LCH

52, 77, 302°

HSB

249°, 56%, 93%

LUV

52, -1, -105

CMYK

48, 56, 0, 7

CMYK

48, 56, 0, 7

HWB

249°, 41%, 7%

Medium Slate Blue Color Harmonies

Analogous

Found adjacent to Medium Slate Blue on the color wheel, analogous colors create a cohesive and serene palette, known for its calming visual harmony.

#6898EE

#7B68EE

#BE68EE

#6898EE

#7B68EE

#BE68EE

Complementary

Complementary colors sit directly opposite each other on the color wheel. For Medium Slate Blue, its complement creates a striking, high-contrast visual pairing.

#7B68EE

#DBEE68

#7B68EE

#DBEE68

Split Complementary

The split complementary scheme for Medium Slate Blue uses the two colors adjacent to its opposite, offering a dynamic palette with less visual tension.

#7B68EE

#EEBE68

#98EE68

#7B68EE

#EEBE68

#98EE68

Triadic

Triadic palettes are built from three colors evenly spaced on the color wheel, creating a bold and harmonious effect with Medium Slate Blue as a base.

#7B68EE

#EE7B68

#68EE7B

#7B68EE

#EE7B68

#68EE7B

Tetradic

Tetradic schemes build a rich palette by forming a rectangle on the color wheel, pairing Medium Slate Blue with three other complementary colors.

#7B68EE

#EE6898

#DBEE68

#68EEBE

#7B68EE

#EE6898

#DBEE68

#68EEBE

Square

The square color scheme pairs Medium Slate Blue with three other colors, all evenly spaced on the color wheel for a balanced, high-contrast effect.

#7B68EE

#EE6898

#DBEE68

#68EEBE

#7B68EE

#EE6898

#DBEE68

#68EEBE

Medium Slate Blue Contrast Simulation

Text Color

#

Background Color

#

5.06

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

5.06

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Medium Slate Blue Color Variations

Shades

Adding black to Medium Slate Blue creates darker shades, giving the color more substance and weight.

#7B68EE

#6959CC

#584AAA

#463B88

#352D66

#231E44

#120F22

#000000

#7B68EE

#6959CC

#584AAA

#463B88

#352D66

#231E44

#120F22

#000000

Tints

Tints are created by mixing white with Medium Slate Blue, resulting in softer, less saturated variations.

#7B68EE

#8E7EF0

#A193F3

#B4A9F5

#C6BEF8

#D9D4FA

#ECE9FD

#FFFFFF

#7B68EE

#8E7EF0

#A193F3

#B4A9F5

#C6BEF8

#D9D4FA

#ECE9FD

#FFFFFF

Tones

Tones of Medium Slate Blue are created by adding gray, resulting in softer, more subdued variations.

#7B68EE

#7C6BDE

#7C6FCF

#7D72BF

#7E76AF

#7F799F

#7F7D90

#808080

#7B68EE

#7C6BDE

#7C6FCF

#7D72BF

#7E76AF

#7F799F

#7F7D90

#808080

Hues

Hues are variations of Medium Slate Blue, differing in intensity and temperature to create distinct moods.

#7B68EE

#DF68EE

#EE6898

#EE9C68

#DBEE68

#77EE68

#68EEBE

#68BAEE

#7B68EE

#DF68EE

#EE6898

#EE9C68

#DBEE68

#77EE68

#68EEBE

#68BAEE

What Interfaces Use Colors Like Medium Slate Blue?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox