#AD0A0A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity, saturated red commands immediate attention. Because it leans dark and lacks bright orange undertones, #ad0a0a works best as a sharp accent or CTA button rather than a large background. It pairs exceptionally well with muted cool grays or charcoal for a modern, high-contrast look. With a 7.4:1 contrast ratio against white text, this hex code ensures excellent readability for UI components and signage.
Questions about #ad0a0a
What is #ad0a0a in RGB, HSL and CMYK?
In RGB, #ad0a0a is rgb(173, 10, 10), in HSL hsl(0, 89%, 36%) and in CMYK 0%, 94%, 94%, 32%.
How does #ad0a0a perform in UI design?
#ad0a0a is highly effective as a call-to-action button color due to its strong visual weight and readability. It offers a 7.4:1 contrast ratio against white, ensuring clear visibility for text on modern interface components.
Which colors pair well with #ad0a0a for a balanced palette?
This deep red pairs naturally with neutral tones to soften its intensity. Try using it alongside charcoal or soft cool grays to create a clean, modern look that prevents the red from feeling overwhelming.
Is #ad0a0a readable on white or black?
#ad0a0a has a 7.43:1 contrast ratio on white and 2.82: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 is too faint for text. Try other pairs in the contrast checker.