HEX Color #5042E2 (Blueviolet)

About #5042E2

The precise color #5042E2 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Blueviolet. Its digital footprint relies on 80 parts red, 66 parts green, and 226 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 65% Cyan, 71% Magenta, 0% Yellow, and 11% Black. With a hue angle of 245.2 degrees, it sits comfortably in the blue spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#5042E2

RGB80, 66, 226

HSL245.2°, 73.4%, 57.3%

CMYK65%, 71%, 0%, 11%

HSV245.2°, 70.8%, 88.6%

LAB39.7, 52.0, -79.0

XYZ19.0, 11.1, 73.1

Decimal5260002

Color Harmonies

Complementary

#5042E2 #D4E241

Analogous

#4183E2 #9F41E2

Triadic

#E25041 #41E250

Tetradic

#E24183 #D4E241 #41E2A0

Tints, Shades & Tones

Tints (Adding White)

#5042E2

#6357E5

#766CE8

#8A81EB

#9D96EE

#B1ABF2

#C4C0F5

#D8D5F8

#EBEAFB

#FFFFFF

Shades (Adding Black)

#5042E2

#473AC8

#3E33AF

#352C96

#2C247D

#231D64

#1A164B

#110E32

#080719

#000000

WCAG Contrast Accessibility

6.52:1

Text on #FFFFFF

AA

3.22:1

Text on #000000

AA Large

6.24:1

Text on #F8FAFC

AA

2.74:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5042E2; }

.text-color { color: #5042E2; }

.border-color { border: 2px solid #5042E2; }

Similar Colors

Blueviolet

#8A2BE2