#CCCCC4 Hex Color

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

Hex color #ccccc4 graphic
A pale, bleached yellow, #ccccc4 sits comfortably between grey and cream. Because it lacks saturation, it works best as a neutral background for clean, minimalist designs rather than as a highlight. It provides excellent readability for black body text. Use this hex code to anchor designs where you need airiness without the starkness of pure white. It pairs well with earthy browns or muted olive tones.

Questions about #ccccc4

What is #ccccc4 in RGB, HSL and CMYK?
In RGB, #ccccc4 is rgb(204, 204, 196), in HSL hsl(60, 7%, 78%) and in CMYK 0%, 0%, 4%, 20%. Browse more shades of gray with names and hex codes.
What colors pair well with #ccccc4?
#ccccc4 works best when grounded by darker, natural tones that prevent it from looking washed out on a page. Pair this light shade with earthy brown or muted olive to create a professional, organic aesthetic in your interface.
Does #ccccc4 function as a warm or cool neutral?
While #ccccc4 sits comfortably between grey and cream, it leans slightly warm due to its yellow base. This warmth makes it a more inviting alternative to stark, clinical white backgrounds while maintaining excellent contrast for dark typography.
Is #ccccc4 readable on white or black?
#ccccc4 has a 1.61:1 contrast ratio on white and 13.00: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.