#CC7300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc7300 is a saturated, warm orange with strong golden undertones. It functions best as an accent color rather than a primary background, as large blocks can feel overwhelming. Pair it with deep charcoal or slate blue to ground its intensity. Because black text maintains a high 6.0:1 contrast ratio against this hue, it works well for readable UI buttons and bold headlines.
Questions about #cc7300
What is #cc7300 in RGB, HSL and CMYK?
In RGB, #cc7300 is rgb(204, 115, 0), in HSL hsl(34, 100%, 40%) and in CMYK 0%, 44%, 100%, 20%. Browse more shades of orange with names and hex codes.
Why is #cc7300 effective for UI design?
This orange maintains a high 6.0:1 contrast ratio against standard black text, making it an excellent choice for high-visibility UI buttons and bold headlines. Use it sparingly as an accent to avoid overwhelming your layout's visual hierarchy.
What colors balance the intensity of #cc7300?
Is #cc7300 readable on white or black?
#cc7300 has a 3.48:1 contrast ratio on white and 6.01: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.