HEX Color #5024E9 (Mediumblue)

About #5024E9

The hex code #5024E9 represents a beautifully specific shade of blue. If you're using CSS, you might find it aligns closely with Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 36, 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 66% cyan and 85% magenta inks. With a hue angle of 253.4 degrees, it sits comfortably in the blue 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#5024E9

RGB80, 36, 233

HSL253.4°, 81.7%, 52.7%

CMYK66%, 85%, 0%, 9%

HSV253.4°, 84.5%, 91.4%

LAB35.7, 67.7, -89.7

XYZ18.6, 8.9, 77.8

Decimal5252329

Color Harmonies

Complementary

#5024E9 #BCE824

Analogous

#245AE8 #B224E8

Triadic

#E85024 #24E850

Tetradic

#E8245A #BCE824 #24E8B2

Tints, Shades & Tones

Tints (Adding White)

#5024E9

#633CEB

#7654ED

#8A6DF0

#9D85F2

#B19DF5

#C4B6F7

#D8CEFA

#EBE6FC

#FFFFFF

Shades (Adding Black)

#5024E9

#4720CF

#3E1CB5

#35189B

#2C1481

#231067

#1A0C4D

#110833

#080419

#000000

WCAG Contrast Accessibility

7.58:1

Text on #FFFFFF

AAA

2.77:1

Text on #000000

FAIL

7.25:1

Text on #F8FAFC

AAA

2.35:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumblue

#0000CD