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

BlueViolet (#8a2be2): 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.

#8a2be2
HEX #8a2be2
RGB rgb(138, 43, 226)
HSL 271°, 76%, 53%

Use BlueViolet in Your Projects

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

About BlueViolet Color

BlueViolet is a striking, medium-dark violet with a blue undertone. It is popular in creative software branding and music-related designs.

Use Cases for BlueViolet

software brandingmusic themescreative toolsnight clubsfantasy genres

Shades & Tints of BlueViolet

#ffffff
#e2caf8
#c595f1
#a760e9
#8a2be2
#6820aa
#451671
#230b39
#000000

Complementary Color

#8a2be2
#84e22c

Analogous Colors

#2f2ce2
#8a2be2
#e22cdf

Triadic Colors

#8a2be2
#e28a2c
#2ce28a

Split Complementary

#8a2be2
#dfe22c
#2ce22f

Tetradic Colors

#8a2be2
#e22c84
#84e22c
#2ce28a

CSS Code

.blueviolet-color {
  color: #8a2be2;
  background-color: #8a2be2;
}

/* As a CSS custom property */
:root {
  --color-blueviolet: #8a2be2;
}

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 BlueViolet
Ratio: 3.52:1 ✗ Fails AA ✗ Fails AAA
White text on BlueViolet
Ratio: 5.96:1 ✓ Passes AA ✗ Fails AAA

Related Colors

DarkViolet
DarkOrchid
MediumPurple
Indigo
SlateBlue

Related Tools

Frequently Asked Questions

What color is BlueViolet?

BlueViolet is represented by the hex code #8a2be2 and has RGB values of rgb(138, 43, 226). It falls under the Purple category.

How to use BlueViolet in web design?

BlueViolet works well for software branding, music themes, creative tools. BlueViolet is a striking, medium-dark violet with a blue undertone. It is popular in creative software branding and music-related designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with BlueViolet?

Colors that pair well with BlueViolet include darkviolet, darkorchid, mediumpurple, indigo, slateblue. For a complementary scheme, try #84e22c. For an analogous scheme, use #2f2ce2 and #e22cdf. For a triadic scheme, combine with #e28a2c and #2ce28a.