#C13584 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta commands immediate attention with its intense, high-energy presence. Because of its weight, use #c13584 sparingly as a call-to-action button or a bold accent rather than a background color. White text maintains readability against this dark base, though it can overwhelm softer palettes. It pairs surprisingly well with deep forest greens or muted charcoals when you need to balance its sheer loudness.
Questions about #c13584
What is #c13584 in RGB, HSL and CMYK?
In RGB, #c13584 is rgb(193, 53, 132), in HSL hsl(326, 57%, 48%) and in CMYK 0%, 73%, 32%, 24%.
Where should I use #c13584 in a design project?
Because of its intense weight and visual loudness, #c13584 functions best as a focused accent or a call-to-action button. Avoid using it as a large background color, as it can quickly overwhelm the viewer and distract from your primary content.
What colors pair well with the magenta #c13584?
This magenta balances effectively against deep, neutral tones like charcoal or dark forest green. These muted, dark options ground the high-energy nature of #c13584, preventing it from appearing too chaotic when used in complex UI layouts.
Is #c13584 readable on white or black?
#c13584 has a 5.10:1 contrast ratio on white and 4.10: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.