#CC4E0A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange possesses a high intensity that commands immediate attention. It works best as a punchy accent color rather than a dominant background, as it can overwhelm a layout. Pair this bold shade with charcoal gray to ground its warmth. The hex code for this color is #cc4e0a, which offers sufficient contrast for legible black text in smaller UI elements.
Questions about #cc4e0a
What is #cc4e0a in RGB, HSL and CMYK?
In RGB, #cc4e0a is rgb(204, 78, 10), in HSL hsl(21, 91%, 42%) and in CMYK 0%, 62%, 95%, 20%.
Where should I use the #cc4e0a orange in a design?
Because #cc4e0a is extremely saturated, use it as a punchy accent color rather than a dominant background. It is highly effective for call-to-action buttons or small UI elements where you need to draw the eye immediately without overwhelming the layout.
What colors pair well with #cc4e0a?
This bold orange looks best when balanced by deep, cool neutrals like charcoal or dark navy. These dark colors provide a necessary visual anchor that grounds the intense warmth of #cc4e0a, keeping the overall composition readable and balanced.
Is #cc4e0a readable on white or black?
#cc4e0a has a 4.50:1 contrast ratio on white and 4.66: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.