#CCE2E2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #cce2e2 graphic
Soft and heavily muted, #cce2e2 is a pale cyan with a gray cast and an airy, bleached finish. Its delicate appearance suits spacious UI backgrounds, children’s products, and technology branding. Use it as a dominant base with charcoal or navy details, since white elements can disappear. Black text remains highly readable, meeting WCAG AA contrast needs. The hex code is #cce2e2.

Questions about #cce2e2

What is #cce2e2 in RGB, HSL and CMYK?
In RGB, #cce2e2 is rgb(204, 226, 226), in HSL hsl(180, 27%, 84%) and in CMYK 10%, 0%, 0%, 11%.
Which colors pair well with #cce2e2?
#cce2e2 pairs well with navy or charcoal for strong contrast, while muted sage or terracotta can add gentle warmth without overwhelming its cool, airy mood; white should be used sparingly because it may blend into the pale cyan.
Is #cce2e2 warm or cool, and what mood does it create?
#cce2e2 reads as a cool color because its cyan base is softened with gray, creating a quiet, airy mood. It suits spacious interfaces, soft packaging, and technology-focused designs more than warm, energetic layouts.
Is #cce2e2 readable on white or black?
#cce2e2 has a 1.35:1 contrast ratio on white and 15.54: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.