#CC3A54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bold red with a raspberry lean, #cc3a54 is saturated and bright without tipping into neon. It earns its keep as a small accent: buttons, sale badges, highlights. Next to white it loses some punch, but it looks richer against deep navy. White text reads clearly on it at about 4.9:1 contrast, enough for AA body copy.
Questions about #cc3a54
What is #cc3a54 in RGB, HSL and CMYK?
In RGB, #cc3a54 is rgb(204, 58, 84), in HSL hsl(349, 59%, 51%) and in CMYK 0%, 72%, 59%, 20%.
What text color works best on #cc3a54?
White text is the safest choice on #cc3a54, with a contrast ratio of about 4.9:1. That clears the WCAG AA threshold of 4.5:1 for small body text, so labels and paragraphs both stay readable.
What colors pair well with #cc3a54?
Is #cc3a54 readable on white or black?
#cc3a54 has a 4.88:1 contrast ratio on white and 4.30: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.