HEX Color #6D00CC (Blueviolet)

About #6D00CC

The precise color #6D00CC is an excellent choice for modern design projects. Its closest recognized web color is Blueviolet. Its digital footprint relies on 109 parts red, 0 parts green, and 204 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 47% cyan and 100% magenta inks. With a hue angle of 272.1 degrees, it sits comfortably in the purple 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6D00CC

RGB109, 0, 204

HSL272.1°, 100.0%, 40.0%

CMYK47%, 100%, 0%, 20%

HSV272.1°, 100.0%, 80.0%

LAB33.2, 71.0, -77.1

XYZ17.2, 7.6, 57.7

Decimal7143628

Color Harmonies

Complementary

#6D00CC #5ECC00

Analogous

#0600CC #CC00C4

Triadic

#CC6D00 #00CC6C

Tetradic

#CC0700 #5ECC00 #00C5CC

Tints, Shades & Tones

Tints (Adding White)

#6D00CC

#7D1CD1

#8D38D7

#9D55DD

#AD71E2

#BE8DE8

#CEAAEE

#DEC6F3

#EEE2F9

#FFFFFF

Shades (Adding Black)

#6D00CC

#6000B5

#54009E

#480088

#3C0071

#30005A

#240044

#18002D

#0C0016

#000000

WCAG Contrast Accessibility

8.33:1

Text on #FFFFFF

AAA

2.52:1

Text on #000000

FAIL

7.96:1

Text on #F8FAFC

AAA

2.14:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Blueviolet

#8A2BE2