#C7E4FF Hex Color

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

Hex color #c7e4ff graphic
A pale, airy blue with high lightness, #c7e4ff offers a clean and neutral presence. This tint is unsaturated enough to act as a supportive background in UI design without overwhelming content. While it reads as airy and light, be careful using it alongside pure white, as it can appear washed out. Pair it with deep charcoal text to maintain strong contrast and readability. The hex code for this color is #c7e4ff.

Questions about #c7e4ff

What is #c7e4ff in RGB, HSL and CMYK?
In RGB, #c7e4ff is rgb(199, 228, 255), in HSL hsl(209, 100%, 89%) and in CMYK 22%, 11%, 0%, 0%. Browse more shades of blue with names and hex codes.
What colors pair well with #c7e4ff?
Because #c7e4ff is so light, it requires deep, high-contrast colors to ground it visually. It works exceptionally well when paired with charcoal or navy text for readability, while accents in soft terracotta or warm peach can add a nice complementary warmth.
Is #c7e4ff readable on white or black?
#c7e4ff has a 1.31:1 contrast ratio on white and 15.96: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.