#C4DCFC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

A very pale, desaturated blue, #c4dcfc offers a clean, airy backdrop for web interfaces. This cool tone provides excellent contrast for black text, making it a highly functional choice for accessible UI design. Because it sits close to white, use it as a base color alongside deep charcoal or navy accents to add structure to your composition. The hex code for this color is #c4dcfc.

Questions about #c4dcfc

What is #c4dcfc in RGB, HSL and CMYK?

In RGB, #c4dcfc is rgb(196, 220, 252), in HSL hsl(214, 90%, 88%) and in CMYK 22%, 13%, 0%, 1%.

What design elements pair well with the #c4dcfc blue tone?

#c4dcfc works best as a neutral background, serving as a subtle alternative to white. To maintain high readability and structural contrast, pair it with dark charcoal or deep navy typography, which prevents the interface from feeling washed out.

Is #c4dcfc readable on white or black?

#c4dcfc has a 1.40:1 contrast ratio on white and 14.99: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.

#C4DCFC Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #c4dcfc

Color tools

Resources