#C53542 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold red #c53542 commands attention with high saturation and warmth. Because it is so intense, use it as a 10% accent color rather than a full background to avoid overwhelming the user. It pairs well with charcoal or warm off-whites. With a 5.3:1 contrast ratio against white text, the hex code #c53542 ensures high readability for critical UI elements like call-to-action buttons.
Questions about #c53542
What is #c53542 in RGB, HSL and CMYK?
In RGB, #c53542 is rgb(197, 53, 66), in HSL hsl(355, 58%, 49%) and in CMYK 0%, 73%, 66%, 23%.
How should I use #c53542 in a UI design?
Because #c53542 is an intense, high-saturation color, it is best reserved for 10% of your interface, such as call-to-action buttons or critical alerts. Using it as a large background risks overwhelming the user and causing eye strain.
What colors pair well with #c53542?
To balance the warmth of #c53542, pair it with neutral tones like deep charcoal or soft, warm off-whites. These combinations anchor the intensity of the red while maintaining high readability and a professional, modern aesthetic for your design.
Is #c53542 readable on white or black?
#c53542 has a 5.30:1 contrast ratio on white and 3.96: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.