Violet Voltage

#a669db

Medium violet with bold, mid-tone contrast

Save
Share

About Violet Voltage

On a UI mock, Violet Voltage reads like a lit purple indicator that's been tuned to the right intensity. It's not as airy as , and it doesn't mute into that inkier, matte steadiness you get from . Compared with , this one holds a deeper core and feels more deliberate, less "supporting highlight," more midweight signal.

I use it for focus states and selection accents in media apps and editor interfaces where you need purple to look intentional on both dark and mid surfaces. It also shows up in fashion and beauty product pages for section headers and key callouts that sit between body copy and bolder brand color. In dashboards it can work, but I treat dashboards and finance apps as its edge case since the slightly stronger saturation can crowd dense layouts.

Pair it with cool grays or soft silver neutrals; next to very warm purples it can drift toward a more washed, less confident read. The trick is keeping the surrounding tones cool so Violet Voltage stays crisp, not sugary.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
3.71:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.40:1FailAA Large

On Gray 900 #18181b

Aa
4.78:1AAAAA Large

On Black #000000

Aa
5.66:1AAAAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Violet Voltage

Open the generator with this color pre-loaded.

Start creating