#D10200 Hex Color
An intense, high-energy saturated red
#d10200 is an intense, saturated red that demands immediate attention. Because of its high chroma and aggressive character, it works best as a 10% accent color rather than a dominant base. Pair it with soft charcoal grays to temper its heat. White text offers a 5.6:1 contrast ratio, ensuring accessibility for critical UI elements like call to action buttons or alert badges.
Questions about #d10200
What is #d10200 in RGB, HSL and CMYK?
In RGB, #d10200 is rgb(209, 2, 0), in HSL hsl(1, 100%, 41%) and in CMYK 0%, 99%, 100%, 18%.
How should I use #d10200 in a UI design?
Use #d10200 strictly as a high-impact accent color for critical UI elements like error messages, alert badges, or call-to-action buttons. Because it is highly saturated, avoid using it as a background or base color to prevent overwhelming your users.
What colors pair well with #d10200?
Pair #d10200 with deep charcoal or soft neutral grays to temper its heat and maintain readability. These dark neutrals provide a sophisticated foundation that allows the intensity of the red to stand out without competing for visual dominance.
Is #d10200 readable on white or black?
#d10200 has a 5.64:1 contrast ratio on white and 3.71: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.