#CCF8FF Color

#CCF8FF is rgb(204, 248, 255) in RGB and hsl(188, 100%, 90%) in HSL. The closest CSS named color is LightCyan. Black text is most readable on this background.

#CCF8FF

HEX#CCF8FF

RGBrgb(204, 248, 255)

HSLhsl(188, 100%, 90%)

HSVhsv(188, 20%, 100%)

OKLCHoklch(95.1% 0.046 208.2)

CMYKcmyk(20%, 3%, 0%, 0%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CCF8FF background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.14:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text18.44:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #CCF8FF based on color wheel relationships. Click any swatch for its full breakdown.

Base#CCF8FF Complementary#FFD3CC Analogous#CCFFEC Analogous#CCDFFF Triadic#FFCCF8 Triadic#F8FFCC

Tints & Shades

Lighter tints and darker shades of #CCF8FF, useful for hover states, backgrounds, and text variants.

Tints

#D1F9FF #D6FAFF #DBFAFF #E5FCFF #EBFCFF #F0FDFF

Shades

#8FF0FF #4DE7FF #0FDFFF #00B5D1 #008094 #004752

Use #CCF8FF in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex