#CCF0FF
A very light, vivid blue closely aligning with Powderblue.
About #CCF0FF
The precise color #CCF0FF is an excellent choice for modern design projects. Its closest recognized web color is Powderblue. This translates to an RGB value of rgb(204, 240, 255).
If you are designing for print, the four-color process is what matters most. The color uses 20% Cyan, 6% Magenta, 0% Yellow, and 0% Black. This makes it a relatively light color when applied to physical surfaces.
Contrast ratios determine whether this color is safe for typography. Because it is a very 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#CCF0FF
RGB204, 240, 255
HSL197.6°, 100.0%, 90.0%
CMYK20%, 6%, 0%, 0%
HSV197.6°, 20.0%, 100.0%
LAB92.7, -8.5, -11.1
XYZ74.1, 82.4, 106.6
Decimal13431039
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.20:1
Text on #FFFFFF
FAIL
17.48:1
Text on #000000
AAA
1.15:1
Text on #F8FAFC
FAIL
14.86:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #CCF0FF;
}
.text-color {
color: #CCF0FF;
}
.border-color {
border: 2px solid #CCF0FF;
}