#CC1E4A Hex Color
A bold, intense crimson with high energy
This saturated, intense red demands attention without being overwhelming. The hex code #cc1e4a packs enough punch to serve as a high-impact accent, perfect for call-to-action buttons or alert icons. While it works well as a splash of color, avoid using it for large backgrounds as its high intensity can fatigue the eye. It pairs surprisingly well with muted teals or cool, desaturated grays.
Questions about #cc1e4a
What is #cc1e4a in RGB, HSL and CMYK?
In RGB, #cc1e4a is rgb(204, 30, 74), in HSL hsl(345, 74%, 46%) and in CMYK 0%, 85%, 64%, 20%.
How can I effectively use #cc1e4a in UI design without overwhelming the user?
Because #cc1e4a is a highly saturated red, it excels as a functional accent color rather than a primary background shade. Use it sparingly for call-to-action buttons, error states, or notification icons to draw immediate attention without causing visual fatigue.
What colors pair harmoniously with #cc1e4a?
This red balances well against desaturated, cool tones that anchor its high energy. Try pairing #cc1e4a with a deep charcoal for text contrast, or soften the overall look by placing it next to muted teals or cool, light grays.
Is #cc1e4a readable on white or black?
#cc1e4a has a 5.45:1 contrast ratio on white and 3.85: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.