#CC241D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red demands immediate attention with its intense, high-energy presence. Because of its extreme vividness, #cc241d works best as a deliberate accent or call-to-action button rather than a background. Use it to create urgency in UI design or branding. This color is remarkably legible, allowing white text to pop with a 5.5:1 contrast ratio that ensures accessibility for all users.
Questions about #cc241d
What is #cc241d in RGB, HSL and CMYK?
In RGB, #cc241d is rgb(204, 36, 29), in HSL hsl(2, 75%, 46%) and in CMYK 0%, 82%, 86%, 20%.
Where should I use #cc241d in a user interface?
Use #cc241d as a targeted accent color for critical call-to-action buttons, error alerts, or notification badges. Because of its high intensity, avoid using it for large backgrounds, as it can overwhelm the viewer and cause eye fatigue over extended periods.
Is #cc241d readable on white or black?
#cc241d has a 5.47:1 contrast ratio on white and 3.83: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.