#C9F3FF Hex Color

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

Hex color #c9f3ff graphic
This pastel cyan reads as exceptionally light and airy. Because #c9f3ff lacks saturation, it works best as a large-scale UI background rather than a primary branding color. It provides excellent contrast for black text, ensuring readability in web applications. Pair this hex code with a sharp, deep navy or charcoal to ground the wash of color and prevent it from appearing washed out.

Questions about #c9f3ff

What is #c9f3ff in RGB, HSL and CMYK?
In RGB, #c9f3ff is rgb(201, 243, 255), in HSL hsl(193, 100%, 89%) and in CMYK 21%, 5%, 0%, 0%.
How do I make #c9f3ff look less washed out in a design?
To prevent #c9f3ff from appearing faded or weak, ground it by pairing it with charcoal or navy text and accents. The high contrast between the deep neutrals and the pastel tone provides the necessary visual weight to balance your layout effectively.
Is #c9f3ff suitable for text on a white background?
#c9f3ff generally fails accessibility standards for white-on-background text because it is extremely light and lacks sufficient contrast against white or light surfaces. Always use this color for large backgrounds or decorative UI elements, never for readable body text or fine lines.
Is #c9f3ff readable on white or black?
#c9f3ff has a 1.18:1 contrast ratio on white and 17.74: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.