#D71E21 Hex Color
A high-intensity, loud, and urgent red
A high-intensity, saturated red, #d71e21 demands immediate attention. This shade is loud and unflinching, making it a powerful choice for call-to-action buttons or emergency indicators. Avoid using it as a large background, as the sheer saturation can be fatiguing. Instead, use this hex code as a 10% accent color paired with charcoal grays or deep neutrals to keep your design balanced and effective.
Questions about #d71e21
What is #d71e21 in RGB, HSL and CMYK?
In RGB, #d71e21 is rgb(215, 30, 33), in HSL hsl(359, 76%, 48%) and in CMYK 0%, 86%, 85%, 16%.
Where should I use #d71e21 in a UI design?
#d71e21 functions best as an alert or call-to-action color rather than a primary background shade. Limit its use to small areas, such as buttons or error notifications, where the high saturation can effectively guide the user's eye to critical information.
What colors pair well with #d71e21?
This vibrant red balances well against deep, cool neutrals like charcoal or slate gray. Avoid pairing #d71e21 with other bright, warm colors, as the clashing intensity can create visual fatigue and make your interface difficult for users to read comfortably.
Is #d71e21 readable on white or black?
#d71e21 has a 5.12:1 contrast ratio on white and 4.09: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.