#660099

A dark, vivid purple closely aligning with Indigo.

About #660099

The precise color #660099 is an excellent choice for modern design projects. It is closely associated with the named CSS color Indigo. Its digital footprint relies on 102 parts red, 0 parts green, and 153 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 33% cyan, 100% magenta, 0% yellow, and 40% black. The HSL representation is 280.0° hue, 100.0% saturation, and 30.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#660099
RGB102, 0, 153
HSL280.0°, 100.0%, 30.0%
CMYK33%, 100%, 0%, 40%
HSV280.0°, 100.0%, 60.0%
LAB27.1, 59.6, -56.6
XYZ11.2, 5.1, 30.5
Decimal6684825

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.37:1
Text on #FFFFFF
AAA
2.02:1
Text on #000000
FAIL
9.91:1
Text on #F8FAFC
AAA
1.72:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #660099; }
.text-color { color: #660099; }
.border-color { border: 2px solid #660099; }

Similar Colors

Indigo
#4B0082