#CCCCB4 Hex Color

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

Hex color #ccccb4 graphic
This pale, ashy yellow brings a faded, delicate quality to design projects. It functions best as a neutral, calming background that offers more personality than a flat grey. Because it is highly readable against dark text, it works well for UI interfaces where clarity is essential. The hex code for this washed-out tone is #ccccb4, making it a reliable choice for modern, airy aesthetic layouts.

Questions about #ccccb4

What is #ccccb4 in RGB, HSL and CMYK?
In RGB, #ccccb4 is rgb(204, 204, 180), in HSL hsl(60, 19%, 75%) and in CMYK 0%, 0%, 12%, 20%.
What design styles suit #ccccb4?
This ashy yellow works best for minimalist, airy interfaces where high-contrast readability is required without using stark white. It pairs beautifully with deep charcoal or soft olive text, grounding the design while maintaining a light, modern aesthetic for web backgrounds or print layouts.
Is #ccccb4 considered a neutral color?
Yes, it serves as a sophisticated neutral that bridges the gap between grey and yellow. Because of its desaturated, earthy quality, it avoids the harshness of bright yellow while providing more visual warmth than a flat, industrial grey, making it an excellent choice for calm branding.
Is #ccccb4 readable on white or black?
#ccccb4 has a 1.63:1 contrast ratio on white and 12.86: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.