#CC8335 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mellow orange feels approachable and grounded without the intensity of a bright primary color. The hex code #cc8335 works best as a supporting accent in sports branding or autumn-themed web designs. Because it maintains strong legibility against black text, it functions effectively for call-to-action buttons or highlights. Avoid using it as a large background fill, as its muted quality can easily dominate a layout.
Questions about #cc8335
What is #cc8335 in RGB, HSL and CMYK?
In RGB, #cc8335 is rgb(204, 131, 53), in HSL hsl(31, 60%, 50%) and in CMYK 0%, 36%, 74%, 20%.
What colors pair well with #cc8335 in a design layout?
#cc8335 works best when balanced against neutral, darker tones that let its mellow warmth stand out without overwhelming the space. It pairs effectively with deep charcoal for high-contrast text or a creamy off-white to maintain an approachable, autumn-inspired aesthetic.
Is #cc8335 suitable for use as a primary background color?
Using #cc8335 as a large background fill is generally risky because its muted, unsaturated quality can easily dominate a design and make other elements difficult to read. It functions much more effectively as a focused accent or a secondary highlight color.
Is #cc8335 readable on white or black?
#cc8335 has a 3.05:1 contrast ratio on white and 6.86:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.