#CC0A4F Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #cc0a4f graphic
This saturated, high-intensity magenta-red demands immediate attention. Because of its extreme chroma, #cc0a4f works best as a punchy accent color rather than a primary background shade. It pairs surprisingly well with deep charcoal or muted teals to balance its natural heat. Use this hex code sparingly for calls to action or alert states where you need to guide the user eye with urgency.

Questions about #cc0a4f

What is #cc0a4f in RGB, HSL and CMYK?
In RGB, #cc0a4f is rgb(204, 10, 79), in HSL hsl(339, 91%, 42%) and in CMYK 0%, 95%, 61%, 20%.
How should #cc0a4f be used in user interface design?
Use #cc0a4f as a high-impact accent color for primary buttons or critical error states that require immediate user attention. Because of its extreme chroma, it quickly overwhelms the eye if used as a background color, so apply it in small, deliberate, and high-contrast areas.
Which colors best complement #cc0a4f?
The natural heat of #cc0a4f balances well against deep, cool neutrals like charcoal or dark teal. These pairings prevent the intensity of the magenta-red from vibrating against the page while ensuring that user interface elements remain highly legible and professional.
Is #cc0a4f readable on white or black?
#cc0a4f has a 5.63:1 contrast ratio on white and 3.72: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.