HEX Color #811EF7 (Blueviolet)

About #811EF7

The precise color #811EF7 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 129, 30, and 247.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 48% cyan, 88% magenta, 0% yellow, and 3% black. The HSL representation is 267.4° hue, 93.1% saturation, and 54.3% lightness.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#811EF7

RGB129, 30, 247

HSL267.4°, 93.1%, 54.3%

CMYK48%, 88%, 0%, 3%

HSV267.4°, 87.9%, 96.9%

LAB41.7, 77.1, -87.5

XYZ26.3, 12.3, 89.0

Decimal8462071

Color Harmonies

Complementary

#811EF7 #93F71D

Analogous

#1D27F7 #ED1DF7

Triadic

#F7811D #1DF781

Tetradic

#F71D27 #93F71D #1DF7ED

Tints, Shades & Tones

Tints (Adding White)

#811EF7

#8F37F7

#9D50F8

#AB69F9

#B982FA

#C79BFB

#D5B4FC

#E3CDFD

#F1E6FE

#FFFFFF

Shades (Adding Black)

#811EF7

#721ADB

#6417C0

#5614A4

#471089

#390D6D

#2B0A52

#1C0636

#0E031B

#000000

WCAG Contrast Accessibility

6.07:1

Text on #FFFFFF

AA

3.46:1

Text on #000000

AA Large

5.80:1

Text on #F8FAFC

AA

2.94:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #811EF7; }

.text-color { color: #811EF7; }

.border-color { border: 2px solid #811EF7; }

Similar Colors

Blueviolet

#8A2BE2