HEX Color #4949F8 (Blueviolet)

About #4949F8

When working with digital screens, the color #4949F8 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Blueviolet. This translates to an RGB value of rgb(73, 73, 248).

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

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#4949F8

RGB73, 73, 248

HSL240.0°, 92.6%, 62.9%

CMYK71%, 71%, 0%, 3%

HSV240.0°, 70.6%, 97.3%

LAB42.7, 54.3, -86.6

XYZ22.1, 13.0, 90.1

Decimal4803064

Color Harmonies

Complementary

#4949F8 #F7F849

Analogous

#49A0F8 #A049F8

Triadic

#F84949 #49F849

Tetradic

#F849A0 #F7F849 #49F8A0

Tints, Shades & Tones

Tints (Adding White)

#4949F8

#5D5DF8

#7171F9

#8585FA

#9999FB

#AEAEFB

#C2C2FC

#D6D6FD

#EAEAFE

#FFFFFF

Shades (Adding Black)

#4949F8

#4040DC

#3838C0

#3030A5

#282889

#20206E

#181852

#101037

#08081B

#000000

WCAG Contrast Accessibility

5.85:1

Text on #FFFFFF

AA

3.59:1

Text on #000000

AA Large

5.59:1

Text on #F8FAFC

AA

3.05:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #4949F8; }

.text-color { color: #4949F8; }

.border-color { border: 2px solid #4949F8; }

Similar Colors

Blueviolet

#8A2BE2