Color Palettes

Dark violet color

A rich, saturated violet from the standard list of web color names. Despite the name it is quite vivid, and it works well for highlights, gaming graphics and dramatic fashion.

Also known as: Darkviolet.

Open in editor

The hex code for dark violet is #9400D3. In RGB it is rgb(148, 0, 211), in HSL hsl(282, 100%, 41%) and in CMYK 30, 100, 0, 17.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to dark violet

Neon purple#BC13FEDeep purple#6A0DADViolet#8F00FFGrape purple#6F2DA8Magenta#FF00FFBright purple#BF40BF

About dark violet

Dark violet (#9400D3) is a cool, mid-tone, highly saturated color. It belongs to the purples family. It mixes 148 red, 0 green and 211 blue (out of 255). It is mostly used in web, gaming, fashion.

Swatch of Dark violet with its shades from light to dark · #9400D3
Dark violet · #9400D3

Dark violet shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Dark violet color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Kelly green
AnalogousClose to: Blue, Shocking pink
TriadicClose to: Harvest gold, Caribbean green
Split complementaryClose to: Pear, Malachite
TetradicClose to: Chili red, Kelly green, Pacific blue

Dark violet color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Dark violet
Analogous palette · Dark violet
Complementary palette · Dark violet
Triadic palette · Dark violet
With neutrals palette · Dark violet
With an accent palette · Dark violet

Dark violet contrast with text

White textContrast 6.6:1 · AA
Black textContrast 3.2:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --dark-violet: #9400D3;
  --dark-violet-rgb: 148, 0, 211;
}
.bg { background-color: var(--dark-violet); }
.text { color: var(--dark-violet); }

Colors similar to dark violet

Neon blueHeliotropeIndigoDark blue

More purples

VioletDeep purplePurpleLilacLavenderMauvePlumAmethystEggplantOrchidIndigoGrape purpleWisteriaPastel lilacUltra violetLavender grayThistleMulberryByzantiumRoyal purpleHeliotropeAubergineTyrian purplePastel purple
Swatch of Dark violet with its shades from light to dark · #9400D3
Swatch of Dark violet with its shades from light to dark · #9400D3

Try this next

Name color paletteType a name and get your own color story paletteColor Scratch-OffScratch a free ticket and reveal a paletteColor aquariumA relaxing 3D aquarium in your palettes
See all free tools →

Frequently asked questions

What is the hex code for dark violet?

The hex code for dark violet is #9400D3. In RGB it is rgb(148, 0, 211), in HSL hsl(282, 100%, 41%) and in CMYK 30, 100, 0, 17.

What is the complementary color of dark violet?

Its complement on the color wheel is #3FD300, close to kelly green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on dark violet?

Yes. The contrast with white is 6.6:1, enough for body text (WCAG AA).