#C2DFFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale, cool blue carries a soft, airy quality due to its high lightness and low saturation. Because it maintains strong readability with dark text at a 15.3:1 contrast ratio, #c2dfff works well as a subtle UI background for finance or tech applications. Pair this hex code with slate gray or charcoal to prevent the palette from feeling too washed out or infantile.
Questions about #c2dfff
What is #c2dfff in RGB, HSL and CMYK?
In RGB, #c2dfff is rgb(194, 223, 255), in HSL hsl(211, 100%, 88%) and in CMYK 24%, 13%, 0%, 0%.
How should I use #c2dfff in interface design?
Because #c2dfff is extremely light, it serves best as a background color rather than for text. Pair it with dark, high-contrast colors like charcoal or deep navy to ensure your interface remains legible and meets accessibility standards.
What mood does #c2dfff convey?
This hue creates a professional, tech-focused mood due to its airy and clean nature. To prevent it from appearing too washed out, pair #c2dfff with bold slate grays or deep, grounded neutrals that anchor the design and provide necessary visual weight.
Is #c2dfff readable on white or black?
#c2dfff has a 1.37:1 contrast ratio on white and 15.29: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.