#C71A1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c71a1f is an aggressive, high-chroma red that commands immediate attention. Designers should use this shade sparingly as a 10% accent for calls to action or error states, as it is too intense for large backgrounds. It pairs best with cool, neutral charcoals. The hex code #c71a1f provides a 5.8:1 contrast ratio against white text, ensuring your UI elements remain accessible for all users.
Questions about #c71a1f
What is #c71a1f in RGB, HSL and CMYK?
In RGB, #c71a1f is rgb(199, 26, 31), in HSL hsl(358, 77%, 44%) and in CMYK 0%, 87%, 84%, 22%.
How should I use #c71a1f in a web interface?
#c71a1f is best used as a high-contrast accent color for elements like error messages, critical notifications, or call-to-action buttons. Because it is so visually aggressive, keep it to small areas of the page to avoid overwhelming the viewer.
What colors pair well with #c71a1f?
Pair #c71a1f with cool, neutral charcoal or soft whites to ground its intensity. Using these muted backgrounds creates a balanced look that lets the red pop without fighting for attention against other competing vibrant colors.
Is #c71a1f readable on white or black?
#c71a1f has a 5.83:1 contrast ratio on white and 3.59: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.