#C4DCD3 Hex Color

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

Hex color #c4dcd3 graphic
This pale, desaturated teal serves as an airy, clean base for minimalist interfaces. Because of its high brightness, it pairs well with charcoal or deep espresso text for high readability. The hex code #c4dcd3 functions best as a soft, neutral background. Avoid placing it directly against pure white, where it may appear washed out or slightly muddy.

Questions about #c4dcd3

What is #c4dcd3 in RGB, HSL and CMYK?
In RGB, #c4dcd3 is rgb(196, 220, 211), in HSL hsl(157, 26%, 82%) and in CMYK 11%, 0%, 4%, 14%.
What is the best way to use #c4dcd3 in web design?
#c4dcd3 functions best as a spacious, neutral background in minimalist layouts where readability is key. It creates a calming effect and offers high contrast when layered with deep charcoal or dark espresso text for primary headings and body content.
Does #c4dcd3 look good against a white background?
It is generally better to avoid placing #c4dcd3 directly against pure white, as the subtle teal can appear washed out or muddy. Instead, use this tone as a standalone surface color or pair it with darker neutral elements to maintain visual clarity.
Is #c4dcd3 readable on white or black?
#c4dcd3 has a 1.44:1 contrast ratio on white and 14.52: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.