#660749
A dark, vivid magenta closely aligning with Purple.
About #660749
At its core, #660749 is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Purple. In the RGB color space, it consists of 102 red, 7 green, and 73 blue.
For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 0% C, 93% M, 28% Y, and 60% K. The HSL representation is 318.3° 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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#660749
RGB102, 7, 73
HSL318.3°, 87.2%, 21.4%
CMYK0%, 93%, 28%, 60%
HSV318.3°, 93.1%, 40.0%
LAB21.8, 44.2, -13.5
XYZ6.8, 3.5, 6.6
Decimal6686537
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.41:1
Text on #FFFFFF
AAA
1.69:1
Text on #000000
FAIL
11.87:1
Text on #F8FAFC
AAA
1.44:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #660749;
}
.text-color {
color: #660749;
}
.border-color {
border: 2px solid #660749;
}