Dark Violet

#9400D3

What color is Dark Violet?

Dark violet is a deep, rich purple with a strong blue lean and very little red showing through, hex #9400D3, similar to the color of an amethyst gemstone. It is darker than a standard purple and has an almost electric intensity when seen against light backgrounds.

What is the meaning of the color Dark Violet?

Violet pigments made from plants such as woad and weld were used in medieval European dyeing, but a pure, stable violet remained difficult to produce until the 19th century. In 1856, William Henry Perkin accidentally synthesized the first synthetic aniline dye, mauveine, while attempting to make quinine in London, opening the door to a range of manufactured purples and violets. Dark violet as a distinct shade gained a firmer place in color systems after the standardization of hex color values in digital design during the 1990s, with #9400D3 appearing in the W3C’s named web color set as one of the defined violet values. The color is used by the Hallmark brand, whose crown logo incorporates deep violet tones to signal luxury and distinction.

RGB
148, 0, 211
HSL
282°, 100%, 41%
CMYK
30, 100, 0, 17
HSV
282°, 100%, 83%
Dark violet color

What colors go with Dark Violet?

Colors that pair well with Dark violet include:
Gold: warm, rich contrast
Silver: cool, sleek balance
White: clean, bright lift
Forest green: deep, natural grounding
Pale pink: soft, unexpected contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #9400D3 color: #9400D3;
RGB 148, 0, 211 color: rgb(148, 0, 211);
RGB Percentage 58%, 0%, 83% color: rgb(58%, 0%, 83%);
CMYK 30%, 100%, 0%, 17% Not supported in CSS
HSL 282°, 100%, 41% color: hsl(282, 100%, 41%);
HSV 282°, 100%, 83% Not supported in CSS
CIE-LAB 33, 30, -70 color: lab(33% 30 -70);
Decimal 9699539 Not supported in CSS

Color Variations

Shades

#9200D1
#8400BC
#7500A7
#660092
#58007D
#490069
#3B0054
#2C003F

Tints

#E4A5FF
#DB87FF
#D269FF
#C94AFF
#C02CFF
#B70EFF
#A700EF
#9200D1

Tones

#9200D1
#8E0AC7
#8A15BC
#861FB2
#822AA7
#7D349D
#793F92
#754988

Hues

#9200D1
#D10073
#D12A00
#D1C700
#3FD100
#00D15E
#00A7D1
#000AD1

Color Harmonies

Analogous

#2A00D1
Click to copy
#9400D3
Click to copy
#D100A7
Click to copy

Complementary

#9400D3
Click to copy
#3FD100
Click to copy

Split Complementary

#9400D3
Click to copy
#A7D100
Click to copy
#00D12A
Click to copy

Triadic

#9400D3
Click to copy
#D19200
Click to copy
#00D192
Click to copy

Tetradic

#9400D3
Click to copy
#D12A00
Click to copy
#3FD100
Click to copy
#00A7D1
Click to copy

Square

#9400D3
Click to copy
#D12A00
Click to copy
#3FD100
Click to copy
#00A7D1
Click to copy

CSS & Dev Snippets

CSS
.dark-violet {
  color: #9400D3;
}
SCSS
$dark-violet: #9400D3;
RGB
rgb(148, 0, 211)

Accessibility & Contrast

White background

6.56:1
6.56
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.20:1
3.20
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags