HEX Color #660FC5 (Blueviolet)

About #660FC5

The precise color #660FC5 is an excellent choice for modern design projects. Designers often compare it to the standard color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 15, and 197.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 48% cyan and 92% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#660FC5

RGB102, 15, 197

HSL268.7°, 85.8%, 41.6%

CMYK48%, 92%, 0%, 23%

HSV268.7°, 92.4%, 77.3%

LAB32.3, 66.5, -74.5

XYZ15.7, 7.2, 53.4

Decimal6688709

Color Harmonies

Complementary

#660FC5 #6EC50E

Analogous

#0E12C5 #C00EC5

Triadic

#C5650E #0EC565

Tetradic

#C50E13 #6EC50E #0EC5C1

Tints, Shades & Tones

Tints (Adding White)

#660FC5

#7729CB

#8844D1

#995FD8

#AA79DE

#BB94E5

#CCAFEB

#DDC9F2

#EEE4F8

#FFFFFF

Shades (Adding Black)

#660FC5

#5A0DAF

#4F0B99

#440A83

#38086D

#2D0657

#220541

#16032B

#0B0115

#000000

WCAG Contrast Accessibility

8.61:1

Text on #FFFFFF

AAA

2.44:1

Text on #000000

FAIL

8.23:1

Text on #F8FAFC

AAA

2.07:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #660FC5; }

.text-color { color: #660FC5; }

.border-color { border: 2px solid #660FC5; }

Similar Colors

Blueviolet

#8A2BE2