#CC6C35 Hex Color

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

Hex color #cc6c35 graphic
This mellow, unsaturated orange balances warmth with a grounded feel. Because it lacks harsh brightness, #cc6c35 functions best as a supportive secondary tone or an accent rather than a dominant background. Pair it with deep charcoal or slate blue to create visual interest. Since black text provides excellent 5.8:1 contrast against this hue, it remains readable even at smaller sizes for user interfaces or marketing collateral.

Questions about #cc6c35

What is #cc6c35 in RGB, HSL and CMYK?
In RGB, #cc6c35 is rgb(204, 108, 53), in HSL hsl(22, 60%, 50%) and in CMYK 0%, 47%, 74%, 20%.
How should I use #cc6c35 in a color palette?
Because #cc6c35 lacks harsh brightness, it serves best as a supportive secondary tone rather than a dominant background. Pair it with deep charcoal or dark slate blue to create visual contrast while keeping the overall palette feeling grounded and sophisticated.
Is #cc6c35 readable on white or black?
#cc6c35 has a 3.64:1 contrast ratio on white and 5.76: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.