#AFCCF8
A very light, vivid blue closely aligning with Lightsteelblue.
About #AFCCF8
When working with digital screens, the color #AFCCF8 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Lightsteelblue. To achieve this exact tint on a monitor, you would use an RGB mix of 175, 204, and 248.
For print applications, it's crucial to understand its CMYK makeup. The color uses 29% Cyan, 18% Magenta, 0% Yellow, and 3% Black. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#AFCCF8
RGB175, 204, 248
HSL216.2°, 83.9%, 82.9%
CMYK29%, 18%, 0%, 3%
HSV216.2°, 29.4%, 97.3%
LAB81.3, 0.2, -24.8
XYZ56.2, 59.1, 97.2
Decimal11521272
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.64:1
Text on #FFFFFF
FAIL
12.82:1
Text on #000000
AAA
1.57:1
Text on #F8FAFC
FAIL
10.89:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #AFCCF8;
}
.text-color {
color: #AFCCF8;
}
.border-color {
border: 2px solid #AFCCF8;
}