#CC5A1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A burnt orange with real punch. #cc5a1f is saturated and warm, leaning closer to rust than neon, so it reads bold without shouting. Black text hits about 5.0:1 contrast on it, clearing WCAG AA for small body text. Best spent in the 10% slot: buttons, highlights, autumn accents. It flatters deep teal and soft cream.
Questions about #cc5a1f
What is #cc5a1f in RGB, HSL and CMYK?
In RGB, #cc5a1f is rgb(204, 90, 31), in HSL hsl(20, 74%, 46%) and in CMYK 0%, 56%, 85%, 20%. Browse more shades of orange with names and hex codes.
What text color works on #cc5a1f?
Black text reads best on #cc5a1f, with a contrast ratio near 5.0:1. That clears the WCAG AA threshold of 4.5:1, so even small body text stays readable.
What colors pair well with #cc5a1f?
Deep teal and charcoal give #cc5a1f a strong, cool contrast, while a soft cream lets the orange take the lead. Its warmth flatters dark blues and forest greens too.
Is #cc5a1f readable on white or black?
#cc5a1f has a 4.15:1 contrast ratio on white and 5.04: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.