#420FFF
A medium, vivid blue closely aligning with Blue.
About #420FFF
The hex code #420FFF represents a beautifully specific shade of blue. It is closely associated with the named CSS color Blue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 15, and 255.
For print applications, it's crucial to understand its CMYK makeup. The color uses 74% Cyan, 94% Magenta, 0% Yellow, and 0% Black. The HSL representation is 252.8° hue, 100.0% saturation, and 52.9% lightness.
From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#420FFF
RGB66, 15, 255
HSL252.8°, 100.0%, 52.9%
CMYK74%, 94%, 0%, 0%
HSV252.8°, 94.1%, 100.0%
LAB35.4, 78.0, -102.6
XYZ20.5, 8.7, 95.2
Decimal4329471
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.65:1
Text on #FFFFFF
AAA
2.74:1
Text on #000000
FAIL
7.31:1
Text on #F8FAFC
AAA
2.33:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #420FFF;
}
.text-color {
color: #420FFF;
}
.border-color {
border: 2px solid #420FFF;
}