#AE1E25 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, deep red carries significant intensity and urgency. As a hex code, #ae1e25 is best used as a high-impact accent or CTA button rather than a primary background, where its weight can become overwhelming. It pairs effectively with cool, dark grays to ground its aggressive energy. Because it maintains strong legibility against white text, it works well for UI elements that require immediate user attention.
Questions about #ae1e25
What is #ae1e25 in RGB, HSL and CMYK?
In RGB, #ae1e25 is rgb(174, 30, 37), in HSL hsl(357, 71%, 40%) and in CMYK 0%, 83%, 79%, 32%.
Where should I use #ae1e25 in a UI design?
Use #ae1e25 sparingly as a high-impact accent or for specific call-to-action buttons rather than as a background color. Its aggressive intensity can easily overwhelm a layout if applied to large areas or full-page backgrounds, making it ideal for elements needing immediate focus.
What colors pair well with #ae1e25?
This deep red pairs effectively with cool, dark grays to ground its energetic, urgent nature. Using a deep charcoal or slate tone helps balance the color's weight, creating a more professional aesthetic while maintaining high legibility against the vibrant red.
Is #ae1e25 readable on white or black?
#ae1e25 has a 6.97:1 contrast ratio on white and 3.01: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.