#C4DFEF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, unsaturated blue feels clean and professional without being cold. Because it sits high on the lightness scale, #c4dfef works best as a background tone that grounds darker text. Pair it with charcoal greys for a modern corporate look or use it in UI design where you need readability. The hex code for this soft shade is #c4dfef.
Questions about #c4dfef
What is #c4dfef in RGB, HSL and CMYK?
In RGB, #c4dfef is rgb(196, 223, 239), in HSL hsl(202, 57%, 85%) and in CMYK 18%, 7%, 0%, 6%. Browse more shades of gray with names and hex codes.
How should #c4dfef be used in user interface design?
Use #c4dfef as a subtle background color for web applications that require high readability for dark text. Its unsaturated quality prevents eye strain while maintaining a professional, clean aesthetic suitable for dashboards or minimalist corporate websites.
What colors pair well with #c4dfef?
The light, airy nature of #c4dfef works best when paired with deep, neutral tones like charcoal or slate to create high-contrast, professional design schemes. You can also mix it with soft, muted teals for a monochromatic, calming environment.
Is #c4dfef readable on white or black?
#c4dfef has a 1.38:1 contrast ratio on white and 15.14: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.