#CC4A00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc4a00 is a saturated, loud orange that commands immediate attention. Its high intensity makes it an excellent choice for calls to action or sports branding where energy is the goal. Because it is so dominant, use this shade as an accent rather than a full background to avoid overwhelming your design. It pairs well with deep charcoals, as white text remains readable over its surface.
Questions about #cc4a00
What is #cc4a00 in RGB, HSL and CMYK?
In RGB, #cc4a00 is rgb(204, 74, 0), in HSL hsl(22, 100%, 40%) and in CMYK 0%, 64%, 100%, 20%.
How can I best use #cc4a00 in a UI design?
#cc4a00 works best as a focused accent color rather than a primary background because of its intense saturation. It draws immediate eyes to key elements like call-to-action buttons or status indicators, especially when paired with clean white or deep charcoal text for contrast.
What colors pair well with #cc4a00?
This orange pairs effectively with neutral, cool-toned companions that anchor its high energy. Using deep charcoal or slate grays creates a sophisticated balance, while lighter, desaturated tones help ground the intensity of #cc4a00 without competing for visual dominance.
Is #cc4a00 readable on white or black?
#cc4a00 has a 4.61:1 contrast ratio on white and 4.54:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.