HEX Color #8A07CC (Darkviolet)

About #8A07CC

The precise color #8A07CC is an excellent choice for modern design projects. Its closest recognized web color is Darkviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 7, and 204.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 32% Cyan, 97% Magenta, 0% Yellow, and 20% Black. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8A07CC

RGB138, 7, 204

HSL279.9°, 93.4%, 41.4%

CMYK32%, 97%, 0%, 20%

HSV279.9°, 96.6%, 80.0%

LAB37.7, 73.0, -69.5

XYZ21.5, 9.9, 57.9

Decimal9045964

Color Harmonies

Complementary

#8A07CC #48CC07

Analogous

#2707CC #CC07AB

Triadic

#CC8907 #07CC89

Tetradic

#CC2707 #48CC07 #07ABCC

Tints, Shades & Tones

Tints (Adding White)

#8A07CC

#9722D1

#A43ED7

#B159DD

#BE75E2

#CB90E8

#D8ACEE

#E5C7F3

#F2E3F9

#FFFFFF

Shades (Adding Black)

#8A07CC

#7A06B5

#6B059E

#5C0488

#4C0371

#3D035A

#2E0244

#1E012D

#0F0016

#000000

WCAG Contrast Accessibility

7.04:1

Text on #FFFFFF

AAA

2.98:1

Text on #000000

FAIL

6.73:1

Text on #F8FAFC

AA

2.54:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkviolet

#9400D3