#420FA0
A dark, vivid purple closely aligning with Darkblue.
About #420FA0
Visually, #420FA0 is defined as a vivid purple. If you're using CSS, you might find it aligns closely with Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 15, and 160.
Translating this color to physical media requires the CMYK color model. The color uses 59% Cyan, 91% Magenta, 0% Yellow, and 37% Black. This makes it a relatively light color when applied to physical surfaces.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#420FA0
RGB66, 15, 160
HSL261.1°, 82.9%, 34.3%
CMYK59%, 91%, 0%, 37%
HSV261.1°, 90.6%, 62.7%
LAB23.8, 54.3, -66.5
XYZ8.8, 4.0, 33.6
Decimal4329376
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
11.62:1
Text on #FFFFFF
AAA
1.81:1
Text on #000000
FAIL
11.10:1
Text on #F8FAFC
AAA
1.54:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #420FA0;
}
.text-color {
color: #420FA0;
}
.border-color {
border: 2px solid #420FA0;
}