#C7E4FD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, unsaturated blue feels light and approachable, making it an excellent base color for clean UI designs. Because #c7e4fd offers high contrast with black text, it serves as a highly readable, comfortable background for web interfaces. Pair this hex code with a sharp, deep charcoal or navy to ground its softness and add necessary visual weight to your layout.
Questions about #c7e4fd
What is #c7e4fd in RGB, HSL and CMYK?
In RGB, #c7e4fd is rgb(199, 228, 253), in HSL hsl(208, 93%, 89%) and in CMYK 21%, 10%, 0%, 1%.
What colors pair well with #c7e4fd?
Is #c7e4fd suitable for UI text?
While #c7e4fd is an excellent background choice, it is too light to serve as a readable text color on white. Reserve this color for UI elements like buttons, panels, or headers where black or very dark text provides strong, accessible contrast.
Is #c7e4fd readable on white or black?
#c7e4fd has a 1.31:1 contrast ratio on white and 15.94: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.