HEX Color #6D1DF0 (Blueviolet)

About #6D1DF0

The hex code #6D1DF0 represents a beautifully specific shade of purple. If you're using CSS, you might find it aligns closely with Blueviolet. Its digital footprint relies on 109 parts red, 29 parts green, and 240 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 55% cyan and 88% magenta inks. With a hue angle of 262.7 degrees, it sits comfortably in the purple 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#6D1DF0

RGB109, 29, 240

HSL262.7°, 87.6%, 52.7%

CMYK55%, 88%, 0%, 6%

HSV262.7°, 87.9%, 94.1%

LAB38.6, 73.9, -88.8

XYZ22.5, 10.4, 83.3

Decimal7151088

Color Harmonies

Complementary

#6D1DF0 #9FEF1D

Analogous

#1D36EF #D61DEF

Triadic

#EF6D1D #1DEF6D

Tetradic

#EF1D36 #9FEF1D #1DEFD6

Tints, Shades & Tones

Tints (Adding White)

#6D1DF0

#7D36F1

#8D4FF3

#9D68F5

#AD81F6

#BE9AF8

#CEB3FA

#DECCFB

#EEE5FD

#FFFFFF

Shades (Adding Black)

#6D1DF0

#6019D5

#5416BA

#4813A0

#3C1085

#300C6A

#240950

#180635

#0C031A

#000000

WCAG Contrast Accessibility

6.81:1

Text on #FFFFFF

AA

3.08:1

Text on #000000

AA Large

6.51:1

Text on #F8FAFC

AA

2.62:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Blueviolet

#8A2BE2