#3AA0F8
A light, vivid blue closely aligning with Cornflowerblue.
About #3AA0F8
At its core, #3AA0F8 is a light and vivid hue. If you're using CSS, you might find it aligns closely with Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 160, and 248.
For print applications, it's crucial to understand its CMYK makeup. The color uses 77% Cyan, 35% Magenta, 0% Yellow, and 3% Black. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#3AA0F8
RGB58, 160, 248
HSL207.8°, 93.1%, 60.0%
CMYK77%, 35%, 0%, 3%
HSV207.8°, 76.6%, 97.3%
LAB64.0, 0.2, -52.1
XYZ31.3, 32.8, 93.5
Decimal3842296
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
2.78:1
Text on #FFFFFF
FAIL
7.56:1
Text on #000000
AAA
2.65:1
Text on #F8FAFC
FAIL
6.43:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #3AA0F8;
}
.text-color {
color: #3AA0F8;
}
.border-color {
border: 2px solid #3AA0F8;
}