#CC049D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-chroma magenta demands immediate attention. Due to its extreme saturation, #cc049d functions best as a small, strategic accent rather than a full background color. It pairs surprisingly well with deep charcoal grays to ground its loudness. Because white text maintains a strong 5.2:1 contrast ratio against this hue, it remains a legible choice for bold, high-impact buttons or interface highlights.
Questions about #cc049d
What is #cc049d in RGB, HSL and CMYK?
In RGB, #cc049d is rgb(204, 4, 157), in HSL hsl(314, 96%, 41%) and in CMYK 0%, 98%, 23%, 20%.
Why does #cc049d work well for user interface buttons?
#cc049d provides excellent contrast against white backgrounds, maintaining a strong 5.2:1 ratio for readability. This makes it a highly effective, attention-grabbing choice for call-to-action buttons or interface highlights that need to stand out immediately.
How can I tone down the intensity of #cc049d in a layout?
Because #cc049d is extremely saturated, it pairs best with deep charcoal grays or neutral backgrounds to ground its loudness. Use it as a strategic, small-scale accent to maintain visual balance without overwhelming the user or competing with other page elements.
Is #cc049d readable on white or black?
#cc049d has a 5.15:1 contrast ratio on white and 4.07: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.