HEX Color #5024E2 (Mediumblue)

About #5024E2

At its core, #5024E2 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Mediumblue. Its digital footprint relies on 80 parts red, 36 parts green, and 226 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 65% cyan and 84% magenta inks. With a hue angle of 253.9 degrees, it sits comfortably in the blue spectrum.

Contrast ratios determine whether this color is safe for typography. 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#5024E2

RGB80, 36, 226

HSL253.9°, 76.6%, 51.4%

CMYK65%, 84%, 0%, 11%

HSV253.9°, 84.1%, 88.6%

LAB34.9, 65.9, -87.0

XYZ17.7, 8.5, 72.7

Decimal5252322

Color Harmonies

Complementary

#5024E2 #B5E223

Analogous

#2356E2 #AF23E2

Triadic

#E24F23 #23E250

Tetradic

#E22356 #B5E223 #23E2AE

Tints, Shades & Tones

Tints (Adding White)

#5024E2

#633CE5

#7654E8

#8A6DEB

#9D85EE

#B19DF2

#C4B6F5

#D8CEF8

#EBE6FB

#FFFFFF

Shades (Adding Black)

#5024E2

#4720C8

#3E1CAF

#351896

#2C147D

#231064

#1A0C4B

#110832

#080419

#000000

WCAG Contrast Accessibility

7.80:1

Text on #FFFFFF

AAA

2.69:1

Text on #000000

FAIL

7.46:1

Text on #F8FAFC

AAA

2.29:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD