#D1202A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. Because of its high chroma, #d1202a works best as a 10% accent color for calls to action or UI highlights rather than a full background. It pairs cleanly with cool grays or charcoal to dial back the heat. White text offers the best contrast against this shade, ensuring readability for critical labels or alert messaging.
Questions about #d1202a
What is #d1202a in RGB, HSL and CMYK?
In RGB, #d1202a is rgb(209, 32, 42), in HSL hsl(357, 73%, 47%) and in CMYK 0%, 85%, 80%, 18%.
How should I use #d1202a in interface design?
Because of its high intensity, #d1202a works best as a targeted 10% accent color rather than a background shade. Use it sparingly for call-to-action buttons or urgent alerts to ensure the interface remains usable and not overwhelming for the user.
What colors pair well with #d1202a?
This vibrant red pairs best with neutral tones like charcoal or cool grays to balance its aggressive warmth. Combining #d1202a with high-contrast white text is essential for maintaining legibility, particularly in critical labeling or notification components.
Is #d1202a readable on white or black?
#d1202a has a 5.31:1 contrast ratio on white and 3.95: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.