#CC516E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc516e is a saturated, warm red with a distinctive, fleshy undertone that demands attention. This shade functions best as an impactful accent or a bold call-to-action button rather than a primary background color. It creates a striking contrast against cool slate grays or charcoal. Since black text provides excellent readability against this hue, it works effectively for high-visibility UI elements.
Questions about #cc516e
What is #cc516e in RGB, HSL and CMYK?
In RGB, #cc516e is rgb(204, 81, 110), in HSL hsl(346, 55%, 56%) and in CMYK 0%, 60%, 46%, 20%.
What colors pair best with #cc516e for UI design?
High-visibility designs benefit from pairing #cc516e against deep charcoal or slate backgrounds to make the red pop. For secondary accents, avoid clashing warm tones and instead opt for neutral grays or soft off-whites to maintain readability without overwhelming the user interface.
Is #cc516e suitable for primary text on web pages?
Avoid using #cc516e for primary body text because it lacks the contrast ratio required for accessible, long-form reading. It is much more effective as a high-contrast accent color for buttons, notification badges, or headers where you need to draw the user's eye quickly.
Is #cc516e readable on white or black?
#cc516e has a 4.22:1 contrast ratio on white and 4.96:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.