#CC3A2D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. With its bold presence, #cc3a2d works best as a 10% accent rather than a full background. It pairs well with crisp white text, which meets WCAG AA contrast standards. Use this hex code for urgent buttons or calls to action to drive user engagement without overwhelming the viewer.
Questions about #cc3a2d
What is #cc3a2d in RGB, HSL and CMYK?
In RGB, #cc3a2d is rgb(204, 58, 45), in HSL hsl(5, 64%, 49%) and in CMYK 0%, 72%, 78%, 20%.
Where should I use the #cc3a2d red in my interface?
This vibrant red functions best as a focused accent color rather than a large background block. Use it for high-priority elements like urgent call-to-action buttons or alert icons to draw the eye where immediate user engagement is required.
Is #cc3a2d readable on white or black?
#cc3a2d has a 4.98:1 contrast ratio on white and 4.21: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.