What does the color DarkViolet mean?

Purple

DarkViolet

#9400d3

#a933dc

#bf66e5

#d499ed

#eaccf6

#901ac2

Meaning

Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.

History

DarkViolet is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use DarkViolet (#9400d3) in CSS as color: darkviolet; or as #9400d3.

Preview

DarkViolet

#9400d3

Overview

Family: Purple

Accessibility on this swatch:

(6.56:1)

Contrast vs white: 6.56:1 · vs black: 3.2:1

Formats

HEX

#9400d3

RGB

rgb(148, 0, 211)

RGBA

rgba(148, 0, 211, 1)

HSL

hsl(282, 100%, 41%)

HSV

hsv(282, 100%, 83%)

LAB

lab(39.58% 76.32 -70.37)

LCH

lch(39.58% 103.81 317.32)

OKLAB

oklab(0.5149 0.1669 -0.2002)

OKLCH

oklch(0.5149 0.2606 309.82)

XYZ

xyz(23.97, 11.00, 62.48)

CMYK

cmyk(30%, 100%, 0%, 17%)

CSS

color: #9400d3;

CSS variable

--color-9400d3: #9400d3;

SCSS

$color-9400d3: #9400d3;

Tailwind

purple-500

Export

Developer code

:root {
  --darkviolet-1: #9400d3;
}

Color psychology

Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#a933dc

#bf66e5

#d499ed

#eaccf6

#901ac2

#8c33b2

#884da1

#846691

Similar colors

#8a2be2

#9932cc

#2424d6

#1916c0

#1616d4

#0e0bbc

#3437df

#2222c3

Browse more in the color name library.