#CC5C21 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc5c21 is a saturated, warm orange with red and earthy brown undertones. Its rich color brings energy and attention to calls to action, food branding, sports graphics, and autumn themes. Use it as a bold accent rather than a full background. Black text remains readable at about a 5.1:1 contrast ratio. The hex code is #cc5c21.
Questions about #cc5c21
What is #cc5c21 in RGB, HSL and CMYK?
In RGB, #cc5c21 is rgb(204, 92, 33), in HSL hsl(21, 72%, 46%) and in CMYK 0%, 55%, 84%, 20%.
Which colors pair well with #cc5c21?
#cc5c21 pairs well with charcoal, cream, and muted blue-green tones, which balance its warm orange-red character. Use cream for a brighter composition or a dark neutral for grounded layouts and stronger readability.
Is #cc5c21 a warm or cool color?
#cc5c21 reads as a warm color because its orange base leans toward red and carries earthy brown undertones. That warmth creates an energetic, autumnal feel, making it effective for accents, highlights, and attention-focused interface elements.
Does #cc5c21 work with black text?
#cc5c21 provides about a 5.1:1 contrast ratio with black text, which generally meets WCAG AA for normal-sized text. Check the final font weight and rendering in context, and use a contrast checker before shipping accessible UI.
Is #cc5c21 readable on white or black?
#cc5c21 has a 4.10:1 contrast ratio on white and 5.12: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.