#CCC8BD Hex Color

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

Hex color #ccc8bd graphic
This bleached, ashy yellow functions best as a subtle background or minimalist anchor. The hex code #ccc8bd carries a delicate, airy quality that risks looking washed out if paired with stark white. It reads strongest when accented with deep charcoal or slate blue, offering a clean, sophisticated contrast. Because it provides high legibility for black text, it is a practical choice for large-scale UI surfaces.

Questions about #ccc8bd

What is #ccc8bd in RGB, HSL and CMYK?
In RGB, #ccc8bd is rgb(204, 200, 189), in HSL hsl(44, 13%, 77%) and in CMYK 0%, 2%, 7%, 20%.
What colors pair best with the #ccc8bd shade?
Because #ccc8bd acts as an airy, bleached neutral, it reads strongest when grounded by high-contrast accents like deep charcoal or cool slate blue. Avoid using it against stark white to prevent the color from appearing washed out or muddy.
Is #ccc8bd a good choice for UI backgrounds?
This color is an excellent candidate for large-scale UI surfaces because it offers high legibility for black text while remaining softer and more sophisticated than a standard light gray. It provides a minimalist, professional anchor for content-heavy interface designs.
Is #ccc8bd readable on white or black?
#ccc8bd has a 1.67:1 contrast ratio on white and 12.56: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.