#CC3233 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and warm, this red demands attention without becoming overwhelming. Use #cc3233 as an accent color for call-to-action buttons rather than large backgrounds to prevent eye fatigue. It maintains a 5.2:1 contrast ratio against white text, ensuring your UI remains accessible. The hex code #cc3233 delivers intensity to your designs while avoiding the aggressive glare often found in neon tones.
Questions about #cc3233
What is #cc3233 in RGB, HSL and CMYK?
In RGB, #cc3233 is rgb(204, 50, 51), in HSL hsl(360, 61%, 50%) and in CMYK 0%, 75%, 75%, 20%. Browse more shades of red with names and hex codes.
How can #cc3233 be used effectively in UI design without creating visual fatigue?
Apply #cc3233 primarily as an accent for call-to-action buttons or status indicators rather than using it for large background surfaces. Because this red is highly saturated, using it in small, deliberate doses maintains user focus without overwhelming the layout.
Is #cc3233 readable on white or black?
#cc3233 has a 5.15:1 contrast ratio on white and 4.07: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.