DarkViolet Color — HEX, RGB, HSL, Palettes & Contrast

DarkViolet (#9400d3): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use DarkViolet in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

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

Triadic Colors

#9400d3
#d19200
#00d192

Split Complementary

#9400d3
#a7d100
#00d12a

Tetradic Colors

#9400d3
#d1003f
#3fd100
#00d192

CSS Code

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

/* As a CSS custom property */
:root {
  --color-darkviolet: #9400d3;
}

Accessibility Score

75 / 100
Rating: Good
✓ AA contrast on best text color (30 pts)
✗ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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

Related Colors

BlueViolet
DarkOrchid
MediumPurple
Violet
Indigo

Related Tools

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. For a triadic scheme, combine with #d19200 and #00d192.