HEX Color #830FE2 (Blueviolet)

About #830FE2

When working with digital screens, the color #830FE2 is rendered by mixing light. It is closely associated with the named CSS color Blueviolet. This translates to an RGB value of rgb(131, 15, 226).

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 42% cyan and 93% magenta inks. With a hue angle of 273.0 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#830FE2

RGB131, 15, 226

HSL273.0°, 87.6%, 47.3%

CMYK42%, 93%, 0%, 11%

HSV273.0°, 93.4%, 88.6%

LAB39.0, 75.7, -80.0

XYZ23.3, 10.7, 72.8

Decimal8589282

Color Harmonies

Complementary

#830FE2 #6DE10F

Analogous

#190FE1 #E10FD7

Triadic

#E1830F #0FE183

Tetradic

#E1190F #6DE10F #0FD7E1

Tints, Shades & Tones

Tints (Adding White)

#830FE2

#9029E5

#9E44E8

#AC5FEB

#BA79EE

#C794F2

#D5AFF5

#E3C9F8

#F1E4FB

#FFFFFF

Shades (Adding Black)

#830FE2

#740DC8

#650BAF

#570A96

#48087D

#3A0664

#2B054B

#1D0332

#0E0119

#000000

WCAG Contrast Accessibility

6.71:1

Text on #FFFFFF

AA

3.13:1

Text on #000000

AA Large

6.41:1

Text on #F8FAFC

AA

2.66:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #830FE2; }

.text-color { color: #830FE2; }

.border-color { border: 2px solid #830FE2; }

Similar Colors

Blueviolet

#8A2BE2