#CCD4D4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ccd4d4 is a pale, bleached grey with subtle cool undertones. This airy, neutral shade provides a clean background that sits comfortably behind black typography, offering high contrast for readability. Because it leans so light, use it as a dominant base or a soft filler rather than a fine detail. The hex code for this delicate grey is #ccd4d4, making it a reliable choice for minimal interface design.
Questions about #ccd4d4
What is #ccd4d4 in RGB, HSL and CMYK?
In RGB, #ccd4d4 is rgb(204, 212, 212), in HSL hsl(180, 9%, 82%) and in CMYK 4%, 0%, 0%, 17%. Browse more shades of gray with names and hex codes.
Does #ccd4d4 work well for body text?
#ccd4d4 is too light for main body text, but it works perfectly as a background behind dark, high-contrast typography. Use it for card backgrounds or subtle interface elements where you need a soft, airy atmosphere without sacrificing overall readability.
What colors pair best alongside #ccd4d4?
Pair #ccd4d4 with charcoal or deep navies to ground the composition. Because this hex color is a bleached grey, it balances high-contrast, dark elements effectively, preventing the harsh look that pure white backgrounds sometimes create in modern web layouts.
Is #ccd4d4 readable on white or black?
#ccd4d4 has a 1.50:1 contrast ratio on white and 13.93: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.