#C4DFF6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated blue offers an airy alternative to standard white backgrounds. Because it provides high contrast for black text, it works well in digital interfaces for healthcare or finance apps. The hex code for this color is #c4dff6. Use it as a dominant 60% base for clean layouts, pairing it with dark charcoal grays to ground its lightness.
Questions about #c4dff6
What is #c4dff6 in RGB, HSL and CMYK?
In RGB, #c4dff6 is rgb(196, 223, 246), in HSL hsl(208, 74%, 87%) and in CMYK 20%, 9%, 0%, 4%.
How should I use #c4dff6 in a UI design?
Use #c4dff6 as a primary base for backgrounds to maintain a clean, airy aesthetic in apps where readability is critical. Pair it with dark charcoal text to ground the lightness and ensure WCAG-compliant contrast levels for your users.
Does #c4dff6 pair well with warm tones?
Is #c4dff6 readable on white or black?
#c4dff6 has a 1.37:1 contrast ratio on white and 15.23: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.