purplecoolCSS named color

Blueviolet #8A2BE2

Blueviolet is a medium, highly saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Creative accents · Royal themes

Open in generator →Colors that go with blueviolet →

Families: Purples · Violet Colors · Indigo Colors

Color values

FormatValue
HEX#8A2BE2
RGBrgb(138, 43, 226)
HSLhsl(271, 76%, 53%)
HSVhsv(271, 81%, 89%)
OKLCHoklch(53.38% 0.25 301.4)
OKLaboklab(53.38% 0.1303 -0.2137)
CMYKcmyk(38.9%, 81%, 0%, 11.4%)
XYZxyz(25.0692, 12.6219, 73.0523)
CIE-LABlab(42.2, 69.8, -74.8)
CIE-LCHlch(42.2, 102.3, 313.1°)
Luminance0.126 (WCAG relative)
/* Blueviolet */ --blueviolet: #8a2be2; color: #8a2be2; background-color: #8a2be2;

Source: W3C CSS named color. CSS keyword: blueviolet.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#7c29c9 #6e27b0 #602498 #532181 #461e6b #391a55 #2d1640 #21122c #150b1a #000000

Tints (toward white)

#9945e6 #a75ce9 #b471ec #c086ef #cc9af2 #d7aef5 #e2c2f8 #ecd6fb #f6ebfd #ffffff

Tones (toward gray)

#8835d5 #863ec8 #8344bb #804aae #7d50a2 #795495 #745989 #6f5d7c #6a6070 #646464

Color harmonies

Complementary

Edit in generator →
#8A2BE2
#83E22B
#8a2be2 #83e22b

Analogous

Edit in generator →
#2F2BE2
#8A2BE2
#E22BDE
#2f2be2 #8a2be2 #e22bde

Triadic

Edit in generator →
#8A2BE2
#E28A2B
#2BE28A
#8a2be2 #e28a2b #2be28a

Tetradic

Edit in generator →
#8A2BE2
#E22F2B
#83E22B
#2BDEE2
#8a2be2 #e22f2b #83e22b #2bdee2

Square

Edit in generator →
#8A2BE2
#E22F2B
#83E22B
#2BDEE2
#8a2be2 #e22f2b #83e22b #2bdee2

Split Complementary

Edit in generator →
#8A2BE2
#DEE22B
#2BE22F
#8a2be2 #dee22b #2be22f

Monochromatic

Edit in generator →
#4B1281
#6B19B7
#8A2BE2
#A861E9
#C597F1
#4b1281 #6b19b7 #8a2be2 #a861e9 #c597f1

Accessibility & contrast

5.96
#8A2BE2 on #FFFFFF
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
3.52
#8A2BE2 on #000000
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓

Best text on blueviolet

5.96
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#0063E7
Deuteranopia (green-blind)
#0063DF
Tritanopia (blue-blind)
#765F89

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Vivid Purple #9900FA3.43
Violet #8F00FF3.51
Darkviolet #9400D34.04
Darkorchid #9932CC4.40
Burple #6832E35.01
Vibrant Purple #AD03DE5.61

Colors that go with blueviolet

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

1.9:1
Same hue family as blueviolet (Δh 8°) — guaranteed harmony
2.3:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Spring Green #00FF7F
4.4:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Beige #F5F5DC
5.4:1
Split-complementary angle (Δh ≈149°) — strong but softer than direct complement
Chartreuse #7FFF00
4.6:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.