Lavender vs Dark Violet

Lavender #E6E6FA View details →

Dark Violet #9400D3 View details →

What is the difference between Lavender and Dark Violet?

A side-by-side study of Lavender (#E6E6FA) and Dark Violet (#9400D3) presents distinct choices for graphic layouts. Dark Violet stands out as the more vivid and colorful shade of the two. Lavender behaves as a lighter and more luminous tone. A subtle hue shift of 42° creates a blended and harmonious transition.

Design recommendations for Lavender vs Dark Violet

Integrating Lavender and Dark Violet requires balancing dark and light elements. Utilize the depth of Dark Violet to provide strong contrast and visual structure, and pair it with Lavender 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.

Lavender Typography

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

White Text: 1.23:1 Black Text: 17.06:1

Dark Violet Typography

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

White Text: 6.56:1 Black Text: 3.20:1

⚙ Technical Specifications Comparison

Format / Value	Lavender	Dark Violet	Delta / Difference
HEX Code	`#E6E6FA`	`#9400D3`	-
RGB Channels	`rgb(230, 230, 250)`	`rgb(148, 0, 211)`	`R:-82 \| G:-230 \| B:-39`
HSL Values	`hsl(240°, 67%, 94%)`	`hsl(282°, 100%, 41%)`	`H:+42° \| S:+33% \| L:-53%`
CMYK (Print)	`cmyk(8%, 8%, 0%, 2%)`	`cmyk(30%, 100%, 0%, 17%)`	-

◉ Individual Color References

Lavender Reference Sheet HEX, RGB, HSL and print codes

Dark Violet Reference Sheet HEX, RGB, HSL and print codes