#AE3000 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, earthy red carries a heavy, intense warmth. It works best as a bold accent for calls to action, as it often feels muddy when used as a full background. Pair this tone with soft creams to balance its weight. White text remains highly readable against #ae3000, making it a functional choice for buttons. The hex code for this shade is #ae3000.
Questions about #ae3000
What is #ae3000 in RGB, HSL and CMYK?
In RGB, #ae3000 is rgb(174, 48, 0), in HSL hsl(17, 100%, 34%) and in CMYK 0%, 72%, 100%, 32%.
How can I balance the intensity of #ae3000 in a design layout?
#ae3000 carries significant visual weight, so it is most effective when paired with soft, neutral creams or off-whites that counteract its muddiness. Using it sparingly for call-to-action buttons prevents the color from overwhelming a clean interface.
Is #ae3000 suitable for large blocks of text?
This color is not recommended for body text because its low lightness value creates poor contrast against most backgrounds, leading to eye strain. It remains a functional, high-visibility choice for small, impactful elements like buttons or notification badges.
Is #ae3000 readable on white or black?
#ae3000 has a 6.51:1 contrast ratio on white and 3.22: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.