#660FA8
A dark, vivid purple closely aligning with Indigo.
About #660FA8
The hex code #660FA8 represents a beautifully specific shade of purple. If you're using CSS, you might find it aligns closely with Indigo. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 15, and 168.
If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 39% cyan, 91% magenta, 0% yellow, and 34% black. The HSL representation is 274.1° hue, 83.6% saturation, and 35.9% lightness.
Contrast ratios determine whether this color is safe for typography. Because it is a dark color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#660FA8
RGB102, 15, 168
HSL274.1°, 83.6%, 35.9%
CMYK39%, 91%, 0%, 34%
HSV274.1°, 91.1%, 65.9%
LAB29.4, 60.1, -62.0
XYZ12.7, 6.0, 37.5
Decimal6688680
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
9.55:1
Text on #FFFFFF
AAA
2.20:1
Text on #000000
FAIL
9.13:1
Text on #F8FAFC
AAA
1.87:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #660FA8;
}
.text-color {
color: #660FA8;
}
.border-color {
border: 2px solid #660FA8;
}