#CC9F61 Hex Color

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

Hex color #cc9f61 graphic
This mellow, unsaturated orange balances warmth with a soft, dusty quality. The hex code #cc9f61 provides excellent readability when paired with black text, making it a reliable choice for UI body copy. Use this shade as a supporting tone rather than a dominant base. It pairs effectively with deep navy or charcoal, which ground its playful nature and prevent it from feeling washed out.

Questions about #cc9f61

What is #cc9f61 in RGB, HSL and CMYK?
In RGB, #cc9f61 is rgb(204, 159, 97), in HSL hsl(35, 51%, 59%) and in CMYK 0%, 22%, 52%, 20%.
What colors pair best with #cc9f61?
#cc9f61 pairs most effectively with deep charcoal or dark navy tones, which ground its playful nature and prevent the color from appearing washed out on screen. These high-contrast pairings maintain readability while balancing the softness of the orange.
Is #cc9f61 suitable for body text in user interfaces?
While #cc9f61 offers excellent readability when placed against dark backgrounds, it can be too light for standard black body text on white surfaces. Use it primarily as an accent or secondary color to maintain accessible contrast levels for your users.
Is #cc9f61 readable on white or black?
#cc9f61 has a 2.41:1 contrast ratio on white and 8.69: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.