HEX Color #660FCC (Blueviolet)

About #660FCC

At its core, #660FCC is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 15, and 204.

Translating this color to physical media requires the CMYK color model. The color uses 50% Cyan, 93% Magenta, 0% Yellow, and 20% Black. With a hue angle of 267.6 degrees, it sits comfortably in the purple spectrum.

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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#660FCC

RGB102, 15, 204

HSL267.6°, 86.3%, 42.9%

CMYK50%, 93%, 0%, 20%

HSV267.6°, 92.6%, 80.0%

LAB33.0, 68.1, -77.4

XYZ16.5, 7.5, 57.7

Decimal6688716

Color Harmonies

Complementary

#660FCC #75CC0F

Analogous

#0F16CC #C40FCC

Triadic

#CC650F #0FCC65

Tetradic

#CC0F16 #75CC0F #0FCCC4

Tints, Shades & Tones

Tints (Adding White)

#660FCC

#7729D1

#8844D7

#995FDD

#AA79E2

#BB94E8

#CCAFEE

#DDC9F3

#EEE4F9

#FFFFFF

Shades (Adding Black)

#660FCC

#5A0DB5

#4F0B9E

#440A88

#380871

#2D065A

#220544

#16032D

#0B0116

#000000

WCAG Contrast Accessibility

8.38:1

Text on #FFFFFF

AAA

2.51:1

Text on #000000

FAIL

8.01:1

Text on #F8FAFC

AAA

2.13:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Blueviolet

#8A2BE2