#C5E7F5 Hex Color

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

Hex color #c5e7f5 graphic
This airy, unsaturated cyan feels light and minimal, lacking the intensity of brighter shades. Because of its high lightness, #c5e7f5 works as a gentle background that keeps UI text legible. It pairs unexpectedly well with deep charcoal or muted berry tones for balance. The hex code for this pastel blue is #c5e7f5, a reliable choice for clean, modern interfaces where white feels too stark.

Questions about #c5e7f5

What is #c5e7f5 in RGB, HSL and CMYK?
In RGB, #c5e7f5 is rgb(197, 231, 245), in HSL hsl(198, 71%, 87%) and in CMYK 20%, 6%, 0%, 4%. Browse more shades of blue with names and hex codes.
Which color combinations work best with #c5e7f5?
#c5e7f5 functions best when paired with deep, high-contrast neutrals like charcoal or deep navy. Because it is so light and airy, these darker companions ground the design and prevent the interface from feeling washed out or difficult to read.
Is #c5e7f5 suitable for text on a white background?
#c5e7f5 does not provide enough contrast to be used as text on a white or light gray background. It should be reserved for UI elements, background sections, or decorative accents where legibility is not the primary requirement for user interaction.
Is #c5e7f5 readable on white or black?
#c5e7f5 has a 1.30:1 contrast ratio on white and 16.12: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.