#CC5D26 Hex Color

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

Hex color #cc5d26 graphic
#cc5d26 is a punchy, high-energy orange that demands attention. Because it is saturated and warm, it works best as a 10% accent color rather than a primary background. It pairs exceptionally well with slate blue or charcoal gray to ground its intensity. The hex code for this bold shade is #cc5d26. Black text maintains excellent legibility against it, meeting accessibility standards for small body copy.

Questions about #cc5d26

What is #cc5d26 in RGB, HSL and CMYK?
In RGB, #cc5d26 is rgb(204, 93, 38), in HSL hsl(20, 69%, 47%) and in CMYK 0%, 54%, 81%, 20%.
What is the best way to use #cc5d26 in design?
Because #cc5d26 is highly saturated and intense, it functions best as a supporting accent paired with slate blue or charcoal. Use it for buttons, calls to action, or highlight elements that require immediate visual attention while keeping surrounding areas neutral.
Is #cc5d26 readable on white or black?
#cc5d26 has a 4.06:1 contrast ratio on white and 5.16: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.