HEX Color #8A0FFF (Blueviolet)

About #8A0FFF

At its core, #8A0FFF is a medium and vivid hue. It is closely associated with the named CSS color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 15, and 255.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 46% cyan and 94% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A0FFF

RGB138, 15, 255

HSL270.8°, 100.0%, 52.9%

CMYK46%, 94%, 0%, 0%

HSV270.8°, 94.1%, 100.0%

LAB42.7, 82.4, -90.3

XYZ28.7, 13.0, 95.6

Decimal9048063

Color Harmonies

Complementary

#8A0FFF #83FE0F

Analogous

#110FFE #FE0FFB

Triadic

#FE8A0F #0FFE8A

Tetradic

#FE120F #83FE0F #0FFBFE

Tints, Shades & Tones

Tints (Adding White)

#8A0FFF

#9729FF

#A444FF

#B15FFF

#BE79FF

#CB94FF

#D8AFFF

#E5C9FF

#F2E4FF

#FFFFFF

Shades (Adding Black)

#8A0FFF

#7A0DE2

#6B0BC6

#5C0AAA

#4C088D

#3D0671

#2E0555

#1E0338

#0F011C

#000000

WCAG Contrast Accessibility

5.84:1

Text on #FFFFFF

AA

3.59:1

Text on #000000

AA Large

5.59:1

Text on #F8FAFC

AA

3.05:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #8A0FFF; }

.text-color { color: #8A0FFF; }

.border-color { border: 2px solid #8A0FFF; }

Similar Colors

Blueviolet

#8A2BE2