Medium Slate Blue vs Indigo

Medium Slate Blue #7B68EE View details →

Indigo #4B0082 View details →

What is the difference between Medium Slate Blue and Indigo?

A side-by-side study of Medium Slate Blue (#7B68EE) and Indigo (#4B0082) presents distinct choices for graphic layouts. Indigo stands out as the more vivid and colorful shade of the two. Medium Slate Blue behaves as a lighter and more luminous tone. A subtle hue shift of 26° creates a blended and harmonious transition.

Design recommendations for Medium Slate Blue vs Indigo

Integrating Medium Slate Blue and Indigo requires balancing dark and light elements. Utilize the depth of Indigo to provide strong contrast and visual structure, and pair it with Medium Slate Blue on card backgrounds or subtle link accents to keep the user interface fresh and readable.

✦ Readability & Contrast Testing

Visual test showing black and white text overlay readability on both colors.

Medium Slate Blue Typography

Preview of dark and light text elements rendered over a solid Medium Slate Blue background canvas.

White Text: 4.15:1 Black Text: 5.06:1

Indigo Typography

Preview of dark and light text elements rendered over a solid Indigo background canvas.

White Text: 12.95:1 Black Text: 1.62:1

⚙ Technical Specifications Comparison

Format / Value	Medium Slate Blue	Indigo	Delta / Difference
HEX Code	`#7B68EE`	`#4B0082`	-
RGB Channels	`rgb(123, 104, 238)`	`rgb(75, 0, 130)`	`R:-48 \| G:-104 \| B:-108`
HSL Values	`hsl(249°, 80%, 67%)`	`hsl(275°, 100%, 25%)`	`H:+26° \| S:+20% \| L:-42%`
CMYK (Print)	`cmyk(48%, 56%, 0%, 7%)`	`cmyk(42%, 100%, 0%, 49%)`	-

◉ Individual Color References

Medium Slate Blue Reference Sheet HEX, RGB, HSL and print codes

Indigo Reference Sheet HEX, RGB, HSL and print codes