Dark Violet #9400D3

Dark Violet#9400D3 · rgb(148, 0, 211)

Dark Violet color codes

CSS namedarkviolet
HEX#9400D3
RGBrgb(148, 0, 211)
HSLhsl(282, 100%, 41%)
CMYKcmyk(30%, 100%, 0%, 17%)
Decimal9699539

Shades of Dark Violet (darker)

#8500BE · #7600A9 · #680094 · #59007F · #4A006A · #3B0054 · #2C003F · #1E002A · #0F0015

Tints of Dark Violet (lighter)

#9F1AD7 · #A933DC · #B44DE0 · #BF66E5 · #CA80E9 · #D499ED · #DFB3F2 · #EACCF6 · #F4E6FB

Color harmonies

Complementary
#3FD100
Triadic
#D19200, #00D192
Analogous
#2A00D1, #D100A7

Accessibility (WCAG contrast)

White text on Dark Violet6.56:1 · AA
Black text on Dark Violet3.20:1 · AA large text only

Use Dark Violet in code

.element {
  color: darkviolet;          /* or #9400d3 */
  background-color: rgb(148 0 211 / 0.5);
}

Frequently asked questions

What is the hex code for Dark Violet?

Dark Violet is #9400D3 in HEX, rgb(148, 0, 211) in RGB and hsl(282, 100%, 41%) in HSL.

Can I use "darkviolet" directly in CSS?

Yes. "darkviolet" is one of the 148 standard CSS named colors, so color: darkviolet; works in every browser.

Is Dark Violet readable on white?

The contrast ratio of Dark Violet on white is 6.56:1 (WCAG AA). On black it is 3.20:1 (AA large text only).

What is the complementary color of Dark Violet?

The complementary color (opposite on the color wheel) is #3FD100.

Similar colors

Blue Violet#8A2BE2Dark Orchid#9932CCDark Magenta#8B008BPurple#800080Rebecca Purple#663399Medium Orchid#BA55D3Medium Violet Red#C71585Slate Blue#6A5ACD

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.