#CCFFDC Hex Color

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

Select a Color

This pale, desaturated green feels airy and clinical, making it a natural choice for wellness branding or medical UI components. Because #ccffdc is so light, it reads best as a background color paired with deep charcoal or slate text. The hex code #ccffdc offers high readability, keeping interfaces legible without the harshness of pure white backgrounds. Use it to introduce softness in dense data layouts.

Questions about #ccffdc

What is #ccffdc in RGB, HSL and CMYK?

In RGB, #ccffdc is rgb(204, 255, 220), in HSL hsl(139, 100%, 90%) and in CMYK 20%, 0%, 14%, 0%.

What colors pair best with #ccffdc for UI design?

Because #ccffdc is so light and desaturated, it works exceptionally well when paired with deep charcoal or dark slate text to ensure high contrast and readability. These dark neutrals anchor the airy, clinical feel of the green without overwhelming the design.

Is #ccffdc readable on white or black?

#ccffdc has a 1.11:1 contrast ratio on white and 18.90: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.

#CCFFDC Hex Color

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

Questions about #ccffdc

Color tools

Resources