HEX Color #830FDB (Blueviolet)

About #830FDB

Visually, #830FDB is defined as a vivid purple. If you're using CSS, you might find it aligns closely with Blueviolet. Its digital footprint relies on 131 parts red, 15 parts green, and 219 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 40% cyan and 93% magenta inks. The HSL representation is 274.1° hue, 87.2% saturation, and 45.9% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#830FDB

RGB131, 15, 219

HSL274.1°, 87.2%, 45.9%

CMYK40%, 93%, 0%, 14%

HSV274.1°, 93.2%, 85.9%

LAB38.3, 74.2, -77.1

XYZ22.3, 10.3, 67.8

Decimal8589275

Color Harmonies

Complementary

#830FDB #66DB0F

Analogous

#1C0FDB #DB0FCC

Triadic

#DB830F #0FDB83

Tetradic

#DB1D0F #66DB0F #0FCCDB

Tints, Shades & Tones

Tints (Adding White)

#830FDB

#9029DF

#9E44E3

#AC5FE7

#BA79EB

#C794EF

#D5AFF3

#E3C9F7

#F1E4FB

#FFFFFF

Shades (Adding Black)

#830FDB

#740DC2

#650BAA

#570A92

#480879

#3A0661

#2B0549

#1D0330

#0E0118

#000000

WCAG Contrast Accessibility

6.87:1

Text on #FFFFFF

AA

3.06:1

Text on #000000

AA Large

6.57:1

Text on #F8FAFC

AA

2.60:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Blueviolet

#8A2BE2