#AA1E2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm red demands attention with its intense, authoritative presence. Because of its visual weight, use the hex code #aa1e2a sparingly as a bold 10% accent color rather than a dominant background. White text sits comfortably on this shade due to its 7.2:1 contrast ratio, making it an effective choice for high-priority calls to action or alert buttons in interface design.
Questions about #aa1e2a
What is #aa1e2a in RGB, HSL and CMYK?
In RGB, #aa1e2a is rgb(170, 30, 42), in HSL hsl(355, 70%, 39%) and in CMYK 0%, 82%, 75%, 33%.
How can I effectively use #aa1e2a in web design?
Apply #aa1e2a as a targeted accent color for UI elements like buttons or error states where you need immediate attention. Because of its visual intensity, keep usage to about ten percent of your interface layout to prevent overwhelming the user.
Is #aa1e2a readable on white or black?
#aa1e2a has a 7.17:1 contrast ratio on white and 2.92: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.