#C13666 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c13666 is a saturated, bold magenta that commands attention. Due to its intensity, use this shade as a high-impact accent or call-to-action button rather than a primary background. It offers a 5.3:1 contrast ratio with white, ensuring strong legibility for UI text. When pairing, it looks fresh against soft slate grays. The hex code is #c13666.
Questions about #c13666
What is #c13666 in RGB, HSL and CMYK?
In RGB, #c13666 is rgb(193, 54, 102), in HSL hsl(339, 56%, 48%) and in CMYK 0%, 72%, 47%, 24%.
How can I best use #c13666 in a UI design?
#c13666 functions best as a high-impact accent color for interactive elements like buttons or notification badges. Because it is so saturated, avoid using it for large backgrounds or body text, as it will quickly fatigue the user's eyes.
What colors pair well with #c13666?
This magenta pairs effectively with slate gray or cool neutral tones to balance its intensity. Using it alongside desaturated teals can also create a striking, modern contrast that keeps the design from feeling overwhelmed by the warmth of the pink.
Is #c13666 readable on white or black?
#c13666 has a 5.26:1 contrast ratio on white and 3.98: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.