#CC3106 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc3106 is a high-intensity, saturated orange-red with significant thermal energy. Because it commands immediate attention, use it sparingly as a strategic accent rather than a background color. It works well paired with dark charcoal greys or deep teals. White text offers excellent contrast on this hex code, ensuring readability for critical call-to-action buttons or alert markers where urgency is required.
Questions about #cc3106
What is #cc3106 in RGB, HSL and CMYK?
In RGB, #cc3106 is rgb(204, 49, 6), in HSL hsl(13, 94%, 41%) and in CMYK 0%, 76%, 97%, 20%. Browse more shades of red with names and hex codes.
How should I use #cc3106 in UI design?
Because #cc3106 commands immediate visual attention, it is best reserved for critical call-to-action buttons or urgent alerts. Avoid using it as a large-scale background color, as it can overwhelm the user interface and cause eye fatigue.
What colors pair best with #cc3106?
This intense orange-red creates a balanced palette when paired with charcoal or deep, moody teals. These darker, neutral tones ground the high-energy nature of #cc3106 and ensure your primary content remains the focal point of the design.
Is #cc3106 readable on white or black?
#cc3106 has a 5.23:1 contrast ratio on white and 4.00: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.