#660057
A dark, vivid magenta closely aligning with Purple.
About #660057
At its core, #660057 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, 0 green, and 87 blue.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 0% C, 100% M, 15% Y, and 60% K. With a hue angle of 308.8 degrees, it sits comfortably in the magenta spectrum.
Ensuring your text is legible against this background is a key part of web design. 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#660057
RGB102, 0, 87
HSL308.8°, 100.0%, 20.0%
CMYK0%, 100%, 15%, 60%
HSV308.8°, 100.0%, 40.0%
LAB22.0, 47.8, -22.6
XYZ7.2, 3.5, 9.3
Decimal6684759
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
12.33:1
Text on #FFFFFF
AAA
1.70:1
Text on #000000
FAIL
11.79:1
Text on #F8FAFC
AAA
1.45:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #660057;
}
.text-color {
color: #660057;
}
.border-color {
border: 2px solid #660057;
}