HEX Color #4924F0 (Mediumblue)

About #4924F0

At its core, #4924F0 is a medium and vivid hue. It is closely associated with the named CSS color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 73, 36, and 240.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 70% cyan and 85% magenta inks. With a hue angle of 250.9 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#4924F0

RGB73, 36, 240

HSL250.9°, 87.2%, 54.1%

CMYK70%, 85%, 0%, 6%

HSV250.9°, 85.0%, 94.1%

LAB35.9, 69.1, -93.3

XYZ19.1, 9.0, 83.2

Decimal4793584

Color Harmonies

Complementary

#4924F0 #CAEF24

Analogous

#2464EF #AF24EF

Triadic

#EF4824 #24EF49

Tetradic

#EF2464 #CAEF24 #24EFAE

Tints, Shades & Tones

Tints (Adding White)

#4924F0

#5D3CF1

#7154F3

#856DF5

#9985F6

#AE9DF8

#C2B6FA

#D6CEFB

#EAE6FD

#FFFFFF

Shades (Adding Black)

#4924F0

#4020D5

#381CBA

#3018A0

#281485

#20106A

#180C50

#100835

#08041A

#000000

WCAG Contrast Accessibility

7.52:1

Text on #FFFFFF

AAA

2.79:1

Text on #000000

FAIL

7.18:1

Text on #F8FAFC

AAA

2.38:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #4924F0; }

.text-color { color: #4924F0; }

.border-color { border: 2px solid #4924F0; }

Similar Colors

Mediumblue

#0000CD