#660F7C
A dark, vivid magenta closely aligning with Purple.
About #660F7C
At its core, #660F7C is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Purple. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 15, and 124.
When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 18% cyan, 88% magenta, 0% yellow, and 51% black. With a hue angle of 287.9 degrees, it sits comfortably in the magenta spectrum.
When using this color as a background, text legibility must be considered. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#660F7C
RGB102, 15, 124
HSL287.9°, 78.4%, 27.3%
CMYK18%, 88%, 0%, 51%
HSV287.9°, 87.9%, 48.6%
LAB25.6, 50.9, -40.9
XYZ9.3, 4.6, 19.5
Decimal6688636
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
10.91:1
Text on #FFFFFF
AAA
1.92:1
Text on #000000
FAIL
10.43:1
Text on #F8FAFC
AAA
1.64:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #660F7C;
}
.text-color {
color: #660F7C;
}
.border-color {
border: 2px solid #660F7C;
}