#42A0F0
A light, vivid blue closely aligning with Cornflowerblue.
About #42A0F0
At its core, #42A0F0 is a light and vivid hue. It is closely associated with the named CSS color Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 66, 160, and 240.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 72% cyan, 33% magenta, 0% yellow, and 6% black. The HSL representation is 207.6° hue, 85.3% saturation, and 60.0% lightness.
Ensuring your text is legible against this background is a key part of web design. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#42A0F0
RGB66, 160, 240
HSL207.6°, 85.3%, 60.0%
CMYK72%, 33%, 0%, 6%
HSV207.6°, 72.5%, 94.1%
LAB63.8, -1.6, -48.0
XYZ30.5, 32.6, 87.1
Decimal4366576
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.79:1
Text on #FFFFFF
FAIL
7.52:1
Text on #000000
AAA
2.67:1
Text on #F8FAFC
FAIL
6.39:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #42A0F0;
}
.text-color {
color: #42A0F0;
}
.border-color {
border: 2px solid #42A0F0;
}