#660783
A dark, vivid magenta closely aligning with Indigo.
About #660783
At its core, #660783 is a dark and vivid hue. Its closest recognized web color is Indigo. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 7, and 131.
For print applications, it's crucial to understand its CMYK makeup. The color uses 22% Cyan, 95% Magenta, 0% Yellow, and 49% Black. The HSL representation is 286.0° hue, 89.9% saturation, and 27.1% lightness.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#660783
RGB102, 7, 131
HSL286.0°, 89.9%, 27.1%
CMYK22%, 95%, 0%, 49%
HSV286.0°, 94.7%, 51.4%
LAB25.6, 53.9, -45.4
XYZ9.7, 4.6, 21.9
Decimal6686595
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
10.92:1
Text on #FFFFFF
AAA
1.92:1
Text on #000000
FAIL
10.44:1
Text on #F8FAFC
AAA
1.63:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #660783;
}
.text-color {
color: #660783;
}
.border-color {
border: 2px solid #660783;
}