#660757

A dark, vivid magenta closely aligning with Purple.

About #660757

When working with digital screens, the color #660757 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Purple. Its digital footprint relies on 102 parts red, 7 parts green, and 87 parts blue light.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 93% M, 15% Y, and 60% K. The HSL representation is 309.5° hue, 87.2% saturation, and 21.4% 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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#660757
RGB102, 7, 87
HSL309.5°, 87.2%, 21.4%
CMYK0%, 93%, 15%, 60%
HSV309.5°, 93.1%, 40.0%
LAB22.5, 46.2, -21.8
XYZ7.3, 3.7, 9.3
Decimal6686551

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

12.12:1
Text on #FFFFFF
AAA
1.73:1
Text on #000000
FAIL
11.58:1
Text on #F8FAFC
AAA
1.47:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Purple
#800080