HEX Color #8300C5 (Darkviolet)

About #8300C5

Visually, #8300C5 is defined as a vivid purple. Its closest recognized web color is Darkviolet. Its digital footprint relies on 131 parts red, 0 parts green, and 197 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 34% cyan, 100% magenta, 0% yellow, and 23% black. With a hue angle of 279.9 degrees, it sits comfortably in the purple spectrum.

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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#8300C5

RGB131, 0, 197

HSL279.9°, 100.0%, 38.6%

CMYK34%, 100%, 0%, 23%

HSV279.9°, 100.0%, 77.3%

LAB35.7, 71.7, -68.7

XYZ19.4, 8.9, 53.5

Decimal8585413

Color Harmonies

Complementary

#8300C5 #41C500

Analogous

#2000C5 #C500A4

Triadic

#C58300 #00C583

Tetradic

#C52000 #41C500 #00A4C5

Tints, Shades & Tones

Tints (Adding White)

#8300C5

#901CCB

#9E38D1

#AC55D8

#BA71DE

#C78DE5

#D5AAEB

#E3C6F2

#F1E2F8

#FFFFFF

Shades (Adding Black)

#8300C5

#7400AF

#650099

#570083

#48006D

#3A0057

#2B0041

#1D002B

#0E0015

#000000

WCAG Contrast Accessibility

7.58:1

Text on #FFFFFF

AAA

2.77:1

Text on #000000

FAIL

7.24:1

Text on #F8FAFC

AAA

2.36:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #8300C5; }

.text-color { color: #8300C5; }

.border-color { border: 2px solid #8300C5; }

Similar Colors

Darkviolet

#9400D3