HEX Color #7516D3 (Blueviolet)

About #7516D3

The hex code #7516D3 represents a beautifully specific shade of purple. Designers often compare it to the standard color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 22, and 211.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 45% cyan and 90% magenta inks. With a hue angle of 270.2 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7516D3

RGB117, 22, 211

HSL270.2°, 81.1%, 45.7%

CMYK45%, 90%, 0%, 17%

HSV270.2°, 89.6%, 82.7%

LAB36.1, 69.7, -76.3

XYZ19.4, 9.1, 62.4

Decimal7673555

Color Harmonies

Complementary

#7516D3 #73D316

Analogous

#1616D3 #D316D2

Triadic

#D37516 #16D375

Tetradic

#D31616 #73D316 #16D2D3

Tints, Shades & Tones

Tints (Adding White)

#7516D3

#842FD7

#9349DC

#A363E1

#B27DE6

#C197EB

#D1B1F0

#E0CBF5

#EFE5FA

#FFFFFF

Shades (Adding Black)

#7516D3

#6813BB

#5B11A4

#4E0E8C

#410C75

#34095D

#270746

#1A042E

#0D0217

#000000

WCAG Contrast Accessibility

7.47:1

Text on #FFFFFF

AAA

2.81:1

Text on #000000

FAIL

7.14:1

Text on #F8FAFC

AAA

2.39:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #7516D3; }

.text-color { color: #7516D3; }

.border-color { border: 2px solid #7516D3; }

Similar Colors

Blueviolet

#8A2BE2