What does the color BlueViolet mean?

Deep Purple

BlueViolet

#8a2be2

#a155e8

#b980ee

#d0aaf3

#e8d5f9

#883cce

Meaning

Mystery, ambition, and creativity. Strong for artistic and spiritual associations.

History

BlueViolet is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use BlueViolet (#8a2be2) in CSS as color: blueviolet; or as #8a2be2.

Preview

BlueViolet

#8a2be2

Overview

Family: Deep Purple

Accessibility on this swatch:

(5.96:1)

Contrast vs white: 5.96:1 · vs black: 3.52:1

Formats

HEX

#8a2be2

RGB

rgb(138, 43, 226)

RGBA

rgba(138, 43, 226, 1)

HSL

hsl(271, 76%, 53%)

HSV

hsv(271, 81%, 89%)

LAB

lab(42.19% 69.84 -74.76)

LCH

lch(42.19% 102.31 313.05)

OKLAB

oklab(0.5338 0.1303 -0.2137)

OKLCH

oklch(0.5338 0.2503 301.37)

XYZ

xyz(25.07, 12.62, 73.05)

CMYK

cmyk(39%, 81%, 0%, 11%)

CSS

color: #8a2be2;

CSS variable

--color-8a2be2: #8a2be2;

SCSS

$color-8a2be2: #8a2be2;

Tailwind

violet-400

Export

Developer code

:root {
  --blueviolet-1: #8a2be2;
}

Color psychology

Mystery, ambition, and creativity. Strong for artistic and spiritual associations.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#a155e8

#b980ee

#d0aaf3

#e8d5f9

#883cce

#864dbb

#845ea7

#826f94

Similar colors

#9400d3

#9932cc

#3437df

#2424d6

#574ceb

#4046f2

#1a2ddb

#2135e8

Browse more in the color name library.