#CC5D24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc5d24 is an intense, saturated orange with high visibility. Because it commands immediate attention, it works best as a strategic accent rather than a background color. Pair this shade with dark teals or deep grays for a balanced, sophisticated contrast. With a contrast ratio of 5.2:1 against black text, the hex code #cc5d24 is accessible and readable for calls to action or UI highlights.
Questions about #cc5d24
What is #cc5d24 in RGB, HSL and CMYK?
In RGB, #cc5d24 is rgb(204, 93, 36), in HSL hsl(20, 70%, 47%) and in CMYK 0%, 54%, 82%, 20%. Browse more shades of orange with names and hex codes.
What colors pair best with #cc5d24 for UI design?
Is #cc5d24 readable on white or black?
#cc5d24 has a 4.07:1 contrast ratio on white and 5.15: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.