#9400D3
Purple family

Dark Violet

Also known as: intense · mysterious · sophisticated · deep · luxurious
Save
Hex #9400D3
RGB rgb(148, 0, 211)
HSL hsl(282°, 100%, 41%)
CMYK 30 · 100 · 0 · 17
CSS darkviolet

Meaning

In Western cultures, Dark Violet often symbolizes luxury and ambition, while in some Eastern traditions, it can signify spirituality and enlightenment. This duality reflects its use in both opulent settings and as a color of introspection.

The term 'violet' originates from the Latin word 'viola', which referred to the flowering plant. By the 19th century, Dark Violet became associated with the Romantic movement, where it was favored by poets and artists like Vincent van Gogh, who used it to convey deep emotion.

intensemysterioussophisticateddeepluxurious

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Dark Violet. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 31 Purples →

Shades & tints

Nine steps of Dark Violet by lightness — from #4D006E (darkest) to #C77AE8 (lightest). Click any to copy.

-40% #4D006E
-30% #5F0087
-20% #7000A0
-10% #8200BA
BASE #9400D3
+15% #A11FD8
+30% #AE3DDE
+50% #BB5CE3
+70% #C77AE8

Complementary

Sitting opposite Dark Violet at 102° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Dark Violet.

#9400D3
#4B0082
#F5F5F5
#FF6F61
#00BFFF

Mystic Depths

Enigmatic Serenity
#9400D3
#FFD700
#FFFFFF
#800080
#4B0082

Regal Essence

Opulent Harmony
#9400D3
#2C2C2C
#D3D3D3
#FF1493
#00CED1

Dreamy Nightfall

Whimsical Twilight

Used by

Brands and institutions known for using Dark Violet.

TwitchPurpleYahoo

Dark Violet scale

A 50–900 tonal scale with Dark Violet anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F6EBFB
100 #ECD1F7
200 #D69EEE
300 #C16BE5
400 #AA36DC
500 #9400D3
600 #7900AD
700 #62008B
800 #4A006A
900 #320048

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 6.56:1
Dark Violet as text on… Ratio AA AAA
Aa White background 6.56:1 Pass Large only
Aa Black background 3.2:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #9400D3

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: darkviolet;
CSS color-mix (lighten 30%) color-mix(in srgb, darkviolet 70%, white)
HSV / HSB 282°, 100%, 83%
CMYK (print) 30, 100, 0, 17
Decimal 9699539
Nearest web-safe #9900CC

Color vision

How Dark Violet appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#9400D3

Protanopia (no red)

#5453A0

Deuteranopia (no green)

#5D6894

Tritanopia (no blue)

#8D786F
Blue Violet
30 / 31 Purples Dark Orchid
Copied!