Blue Violet
A high-energy, electric violet hue
Blue Violet is a high-energy, saturated purple that demands attention. Because it is so vivid, the hex code #8a2be2 works best as an accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with muted grays or creams to ground its intensity. If you need other shades of purple, this tone remains a bold choice for modern branding.
About Blue Violet
Blacklight glow on a bowling alley floor
What does blue violet mean?
People often tie purple shades to creativity, magic, and showy luxury, and this loud violet leans more flamboyant than royal. Its high saturation and medium lightness make it feel electric and beaming, bold enough to hold attention at any size.
Where you see blue violet
- blacklight posters
- grape candy
- irises
- stage lights
- laser light shows
- violet flowers
What it works for
Use it when an accent must pop: buttons, links, badges, and highlight shapes on posters or dark interfaces.
What colors go with blue violet?
Chartreuse #c1f80aIts near-complement partner, so each color looks sharper when the two sit side by side.Tangerine #ff9300A hot orange that pushes this cool violet to read even colder and brighter.Mint #98ff98A pale cool green that gives the eye room next to such a heavy saturation.Charcoal #36454fA near-black neutral that lets the violet glow instead of competing for attention.Gold #ffd700A warm metallic tone that contrasts with the cold, electric cast of the purple.Cornsilk #fff8dcA soft warm off-white that calms the loudness without dulling the color itself.
Questions about Blue Violet
What is the hex code for Blue Violet?
Blue Violet is #8a2be2. In RGB that is rgb(138, 43, 226), in HSL hsl(271, 76%, 53%) and in CMYK 39%, 81%, 0%, 11%.
How can I effectively use #8a2be2 in a UI design?
Since #8a2be2 is highly saturated, it works best as a focused accent color for call-to-action buttons or specific UI highlights rather than a background. Pair it with neutral grays or creamy whites to ground its intensity and improve readability.
Is Blue Violet readable on white or black?
Blue Violet has a 5.95:1 contrast ratio on white and 3.52:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.