#660066

A dark, vivid magenta closely aligning with Purple.

About #660066

The precise color #660066 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Purple. Its digital footprint relies on 102 parts red, 0 parts green, and 102 parts blue light.

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 100% Magenta, 0% Yellow, and 60% Black. This makes it a relatively dark color when applied to physical surfaces.

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. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#660066
RGB102, 0, 102
HSL300.0°, 100.0%, 20.0%
CMYK0%, 100%, 0%, 60%
HSV300.0°, 100.0%, 40.0%
LAB22.9, 50.1, -31.0
XYZ7.9, 3.8, 12.9
Decimal6684774

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

11.95:1
Text on #FFFFFF
AAA
1.76:1
Text on #000000
FAIL
11.42:1
Text on #F8FAFC
AAA
1.49:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Purple
#800080