#C61585 Hex Color

A bold and electric magenta accent

Hex color #c61585 graphic
This intense magenta demands attention with its high saturation and powerful, warm undertones. Because it is so loud, #c61585 works best as a deliberate accent or call to action rather than a background color. It pairs surprisingly well with charcoal grays or deep teals to ground its energy. White text remains legible against this bold hex code for accessibility needs.

Questions about #c61585

What is #c61585 in RGB, HSL and CMYK?
In RGB, #c61585 is rgb(198, 21, 133), in HSL hsl(322, 81%, 43%) and in CMYK 0%, 89%, 33%, 22%.
When should I use #c61585 in a design?
Use #c61585 strictly as an accent or call-to-action button because its high saturation quickly overwhelms the eye if used as a background. It demands immediate attention and works best to draw the user's focus to specific interactive elements on a page.
Which colors pair best with #c61585?
This magenta pairs best with charcoal or deep teal to ground its high-energy, warm vibration. These darker, neutral tones provide enough contrast to let the magenta pop without creating visual fatigue for the user, ensuring the design remains professional and readable.
Is #c61585 readable on white or black?
#c61585 has a 5.45:1 contrast ratio on white and 3.84: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.