#C448C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c448c4 is a bold, high-energy magenta that demands attention. Because of its intense saturation, it works best as a 10% accent rather than a dominant background color. It pairs surprisingly well with deep charcoal or slate greys. If you find the hue too aggressive, what colors make gray can guide your neutral palette. Black text remains readable against this hex code, making it suitable for high-impact buttons or bold typography.
Questions about #c448c4
What is #c448c4 in RGB, HSL and CMYK?
In RGB, #c448c4 is rgb(196, 72, 196), in HSL hsl(300, 51%, 53%) and in CMYK 0%, 63%, 0%, 23%.
How can I use #c448c4 effectively in my design?
Because #c448c4 is highly saturated and demands attention, use it sparingly as a 10 percent accent rather than a dominant background color. It works exceptionally well for call-to-action buttons or highlights where you need to draw the user's eye immediately.
Which colors pair well with #c448c4?
This magenta pairs best with deep, neutral tones like charcoal or slate grays to balance its intensity. Using these dark, muted backgrounds allows the brightness of #c448c4 to pop without overwhelming the overall composition of your design layout.
Is #c448c4 readable on white or black?
#c448c4 has a 4.14:1 contrast ratio on white and 5.07: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.