HEX Color #7533E9 (Blueviolet)

About #7533E9

The precise color #7533E9 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 51, and 233.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 50% C, 78% M, 0% Y, and 9% K. The HSL representation is 261.8° hue, 80.5% saturation, and 55.7% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#7533E9

RGB117, 51, 233

HSL261.8°, 80.5%, 55.7%

CMYK50%, 78%, 0%, 9%

HSV261.8°, 78.1%, 91.4%

LAB41.3, 65.8, -80.4

XYZ23.2, 12.0, 78.2

Decimal7681001

Color Harmonies

Complementary

#7533E9 #A6E833

Analogous

#334CE8 #CF33E8

Triadic

#E87533 #33E875

Tetradic

#E8334C #A6E833 #33E8CF

Tints, Shades & Tones

Tints (Adding White)

#7533E9

#8449EB

#9360ED

#A377F0

#B28DF2

#C1A4F5

#D1BBF7

#E0D1FA

#EFE8FC

#FFFFFF

Shades (Adding Black)

#7533E9

#682DCF

#5B27B5

#4E229B

#411C81

#341667

#27114D

#1A0B33

#0D0519

#000000

WCAG Contrast Accessibility

6.16:1

Text on #FFFFFF

AA

3.41:1

Text on #000000

AA Large

5.89:1

Text on #F8FAFC

AA

2.90:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #7533E9; }

.text-color { color: #7533E9; }

.border-color { border: 2px solid #7533E9; }

Similar Colors

Blueviolet

#8A2BE2