HEX Color #9233E9 (Blueviolet)

About #9233E9

The precise color #9233E9 is an excellent choice for modern design projects. It is closely associated with the named CSS color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 146, 51, and 233.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 37% cyan and 78% magenta inks. With a hue angle of 271.3 degrees, it sits comfortably in the purple spectrum.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#9233E9

RGB146, 51, 233

HSL271.3°, 80.5%, 55.7%

CMYK37%, 78%, 0%, 9%

HSV271.3°, 78.1%, 91.4%

LAB44.7, 69.8, -74.5

XYZ27.7, 14.4, 78.4

Decimal9581545

Color Harmonies

Complementary

#9233E9 #89E833

Analogous

#3733E8 #E833E4

Triadic

#E89233 #33E892

Tetradic

#E83733 #89E833 #33E4E8

Tints, Shades & Tones

Tints (Adding White)

#9233E9

#9E49EB

#AA60ED

#B677F0

#C28DF2

#CEA4F5

#DABBF7

#E6D1FA

#F2E8FC

#FFFFFF

Shades (Adding Black)

#9233E9

#812DCF

#7127B5

#61229B

#511C81

#401667

#30114D

#200B33

#100519

#000000

WCAG Contrast Accessibility

5.42:1

Text on #FFFFFF

AA

3.87:1

Text on #000000

AA Large

5.18:1

Text on #F8FAFC

AA

3.29:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Blueviolet

#8A2BE2