#CCEFFF Hex Color

An airy luminous cyan with calm energy

Select a Color

This extremely pale, luminous cyan has very low saturation and sits at the lightest end of the spectrum. Black text maintains excellent contrast over this shade, making it a reliable choice for UI backgrounds. Use it carefully, as it can look washed out next to pure white. Pair #ccefff with deep charcoal or navy to add necessary weight and structure to your design.

Questions about #ccefff

What is #ccefff in RGB, HSL and CMYK?

In RGB, #ccefff is rgb(204, 239, 255), in HSL hsl(199, 100%, 90%) and in CMYK 20%, 6%, 0%, 0%.

How can I use #ccefff in UI design without it appearing too washed out?

To prevent #ccefff from feeling invisible or washed out against white, you must ground it with high-contrast elements. Use it as a soft background, but pair it with strong, dark typography like charcoal or navy to provide the necessary visual weight and structure.

Is #ccefff readable on white or black?

#ccefff has a 1.20:1 contrast ratio on white and 17.35:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#CCEFFF Hex Color

An airy luminous cyan with calm energy

Questions about #ccefff

Color tools

Resources