#C7E5FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated sky blue feels airy and gentle. Because it is highly desaturated and light, #c7e5fc functions best as a soft UI background rather than a primary branding color. It provides excellent contrast for dark charcoal text, ensuring readability in digital interfaces. Pair this hex code with warm terracotta accents to prevent the overall design from appearing too clinical or sterile.
Questions about #c7e5fc
What is #c7e5fc in RGB, HSL and CMYK?
In RGB, #c7e5fc is rgb(199, 229, 252), in HSL hsl(206, 90%, 88%) and in CMYK 21%, 9%, 0%, 1%. Browse more shades of blue with names and hex codes.
What colors pair well with #c7e5fc?
This shade works beautifully alongside terracotta to break up its clinical, cool aesthetic with necessary warmth. You can also ground the light tone by using it as a canvas for charcoal or deep navy typography.
Is #c7e5fc a good choice for UI design?
Yes, #c7e5fc functions effectively as a subtle background color because it is highly desaturated and soft on the eyes. It ensures user interface elements remain legible while providing enough contrast against standard dark-colored text overlays.
Is #c7e5fc readable on white or black?
#c7e5fc has a 1.30:1 contrast ratio on white and 16.04: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.