#CCE2F0
A very light, moderate blue closely aligning with Lightblue.
About #CCE2F0
The precise color #CCE2F0 is an excellent choice for modern design projects. Its closest recognized web color is Lightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 204, 226, and 240.
For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 15% C, 6% M, 0% Y, and 6% K. With a hue angle of 203.3 degrees, it sits comfortably in the blue spectrum.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a very light color, it is generally recommended to use #000000 text. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#CCE2F0
RGB204, 226, 240
HSL203.3°, 54.5%, 87.1%
CMYK15%, 6%, 0%, 6%
HSV203.3°, 15.0%, 94.1%
LAB88.7, -4.5, -9.3
XYZ67.8, 73.5, 93.1
Decimal13427440
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.34:1
Text on #FFFFFF
FAIL
15.70:1
Text on #000000
AAA
1.28:1
Text on #F8FAFC
FAIL
13.35:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #CCE2F0;
}
.text-color {
color: #CCE2F0;
}
.border-color {
border: 2px solid #CCE2F0;
}