#CCAC84 Hex Color

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

Hex color #ccac84 graphic
This dusty, desaturated orange feels gentle and approachable. With its muted warmth, #ccac84 functions best as a supporting background rather than a focal point, as it can appear washed out if used too sparingly. It pairs beautifully with deep charcoal or navy text to create a high-contrast, professional look. The hex code for this mellow, versatile shade is #ccac84.

Questions about #ccac84

What is #ccac84 in RGB, HSL and CMYK?
In RGB, #ccac84 is rgb(204, 172, 132), in HSL hsl(33, 41%, 66%) and in CMYK 0%, 16%, 35%, 20%.
What is the best way to use #ccac84 in web design?
Use #ccac84 as a neutral background tone to ground your design while maintaining readability. It performs exceptionally well when paired with deep charcoal or dark navy text, creating a professional, high-contrast look without overwhelming the user's eyes.
Does #ccac84 read as a warm or cool color?
This shade is distinctly warm, carrying the golden undertones of a sun-bleached desert sand or muted ochre. Its gentle warmth helps it feel approachable and organic, moving away from the harshness of bright, saturated oranges or stark, artificial tans.
Is #ccac84 readable on white or black?
#ccac84 has a 2.14:1 contrast ratio on white and 9.80: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.