#C7E9FD Hex Color

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

Hex color #c7e9fd graphic
This airy, pale blue is highly desaturated, leaning toward an icy, clinical tint. Because it is so light, #c7e9fd serves best as a clean background color rather than a primary UI element. It pairs well with slate grays or deep navies to provide necessary contrast. Black text is legible against it, making this hex code a practical choice for accessible, professional layouts in healthcare or technology.

Questions about #c7e9fd

What is #c7e9fd in RGB, HSL and CMYK?
In RGB, #c7e9fd is rgb(199, 233, 253), in HSL hsl(202, 93%, 89%) and in CMYK 21%, 8%, 0%, 1%.
Where should I use #c7e9fd in a user interface?
#c7e9fd functions best as a soft background or a subtle accent color rather than a primary call-to-action button. Because it is so light, it creates a sterile, professional atmosphere often used in medical or clinical digital product designs.
Is #c7e9fd readable on white or black?
#c7e9fd has a 1.27:1 contrast ratio on white and 16.50: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.