HEX Color #7C16C5 (Blueviolet)

About #7C16C5

The precise color #7C16C5 is an excellent choice for modern design projects. Its closest recognized web color is Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 22, and 197.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 37% cyan, 89% magenta, 0% yellow, and 23% black. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. 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#7C16C5

RGB124, 22, 197

HSL275.0°, 79.9%, 42.9%

CMYK37%, 89%, 0%, 23%

HSV275.0°, 88.8%, 77.3%

LAB35.8, 67.5, -68.6

XYZ18.7, 8.9, 53.6

Decimal8132293

Color Harmonies

Complementary

#7C16C5 #5EC416

Analogous

#2416C4 #C416B6

Triadic

#C47C16 #16C47B

Tetradic

#C42416 #5EC416 #16B6C4

Tints, Shades & Tones

Tints (Adding White)

#7C16C5

#8A2FCB

#9949D1

#A763D8

#B67DDE

#C497E5

#D3B1EB

#E1CBF2

#F0E5F8

#FFFFFF

Shades (Adding Black)

#7C16C5

#6E13AF

#601199

#520E83

#440C6D

#370957

#290741

#1B042B

#0D0215

#000000

WCAG Contrast Accessibility

7.56:1

Text on #FFFFFF

AAA

2.78:1

Text on #000000

FAIL

7.22:1

Text on #F8FAFC

AAA

2.36:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #7C16C5; }

.text-color { color: #7C16C5; }

.border-color { border: 2px solid #7C16C5; }

Similar Colors

Blueviolet

#8A2BE2