HEX Color #6D49E9 (Blueviolet)

About #6D49E9

At its core, #6D49E9 is a light and vivid hue. If you're using CSS, you might find it aligns closely with Blueviolet. Its digital footprint relies on 109 parts red, 73 parts green, and 233 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 53% cyan and 69% magenta inks. The HSL representation is 253.5° hue, 78.4% saturation, and 60.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#6D49E9

RGB109, 73, 233

HSL253.5°, 78.4%, 60.0%

CMYK53%, 69%, 0%, 9%

HSV253.5°, 68.7%, 91.4%

LAB44.1, 54.4, -75.8

XYZ23.4, 13.9, 78.5

Decimal7162345

Color Harmonies

Complementary

#6D49E9 #C4E948

Analogous

#4875E9 #BD48E9

Triadic

#E96C48 #48E96D

Tetradic

#E94874 #C4E948 #48E9BD

Tints, Shades & Tones

Tints (Adding White)

#6D49E9

#7D5DEB

#8D71ED

#9D85F0

#AD99F2

#BEAEF5

#CEC2F7

#DED6FA

#EEEAFC

#FFFFFF

Shades (Adding Black)

#6D49E9

#6040CF

#5438B5

#48309B

#3C2881

#302067

#24184D

#181033

#0C0819

#000000

WCAG Contrast Accessibility

5.56:1

Text on #FFFFFF

AA

3.78:1

Text on #000000

AA Large

5.31:1

Text on #F8FAFC

AA

3.21:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #6D49E9; }

.text-color { color: #6D49E9; }

.border-color { border: 2px solid #6D49E9; }

Similar Colors

Blueviolet

#8A2BE2