DarkViolet Color

Learn about DarkViolet (#9400d3): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#9400d3
HEX #9400d3
RGB rgb(148, 0, 211)
HSL 282°, 100%, 41%

About DarkViolet Color

DarkViolet is a deep, intense purple that commands attention. It is used for creative tools, music platforms, and any design needing a bold purple statement.

Use Cases for DarkViolet

creative softwaremusic platformsbold accentsnight themesfantasy branding

Shades & Tints of DarkViolet

#ffffff
#e4bff4
#ca80e9
#af40de
#9400d3
#6f009e
#4a006a
#250035
#000000

Complementary Color

#9400d3
#3fd100

Analogous Colors

#2a00d1
#9400d3
#d100a7

CSS Code

.darkviolet-color {
  color: #9400d3;
}

Contrast Recommendations

Black text on DarkViolet
Ratio: 3.2:1 ✗ Fails AA ✗ Fails AAA
White text on DarkViolet
Ratio: 6.56:1 ✓ Passes AA ✗ Fails AAA

Frequently Asked Questions

What color is DarkViolet?

DarkViolet is represented by the hex code #9400d3 and has RGB values of rgb(148, 0, 211). It falls under the Purple category.

How to use DarkViolet in web design?

DarkViolet works well for creative software, music platforms, bold accents. DarkViolet is a deep, intense purple that commands attention. It is used for creative tools, music platforms, and any design needing a bold purple statement. Use it as a primary color, accent, or background depending on your design needs.

What colors go with DarkViolet?

Colors that pair well with DarkViolet include blueviolet, darkorchid, mediumpurple, violet, indigo. For a complementary scheme, try #3fd100. For an analogous scheme, use #2a00d1 and #d100a7.