#420083
A dark, vivid purple closely aligning with Indigo.
About #420083
Visually, #420083 is defined as a vivid 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 66, 0, and 131.
If you are designing for print, the four-color process is what matters most. The color uses 50% Cyan, 100% Magenta, 0% Yellow, and 49% Black. With a hue angle of 270.2 degrees, it sits comfortably in the purple spectrum.
Contrast ratios determine whether this color is safe for typography. 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#420083
RGB66, 0, 131
HSL270.2°, 100.0%, 25.7%
CMYK50%, 100%, 0%, 49%
HSV270.2°, 100.0%, 51.4%
LAB19.2, 51.0, -56.1
XYZ6.3, 2.8, 21.7
Decimal4325507
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
13.47:1
Text on #FFFFFF
AAA
1.56:1
Text on #000000
FAIL
12.87:1
Text on #F8FAFC
AAA
1.33:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #420083;
}
.text-color {
color: #420083;
}
.border-color {
border: 2px solid #420083;
}