#AE2012 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ae2012 is a saturated, deep red that demands immediate attention. Because of its intensity, it functions best as a high-impact accent color for calls to action rather than a full background. This hex code maintains a 7.0:1 contrast ratio with white text, making it highly readable for fine UI details. Pair it with cool, muted grays to ground the color and balance its inherent energy.
Questions about #ae2012
What is #ae2012 in RGB, HSL and CMYK?
In RGB, #ae2012 is rgb(174, 32, 18), in HSL hsl(5, 81%, 38%) and in CMYK 0%, 82%, 90%, 32%.
What colors pair best with #ae2012 for a balanced design?
Because #ae2012 is so high-energy, it benefits from being grounded by cooler neutrals. Try pairing it with charcoal or cool-toned grays, which allow the red to pop without overwhelming the layout, or use it sparingly alongside soft off-whites to maintain readability.
Is #ae2012 safe to use as a primary text color?
While #ae2012 has a strong 7.0:1 contrast ratio against white background, it is typically too intense for long-form reading. It is much more effective as a distinct UI accent, such as for error states, notification badges, or crucial call-to-action buttons.
Is #ae2012 readable on white or black?
#ae2012 has a 6.96: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.