#AF2B1E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, brick-like red, #af2b1e possesses enough intensity to demand attention. Because it sits on the darker side of the spectrum, it works best as a punchy accent rather than a full background. Pair it with dark grays or creamy off-whites to balance its inherent warmth. The hex code #af2b1e provides excellent contrast for white text, making it a reliable choice for buttons or bold call-to-action elements.
Questions about #af2b1e
What is #af2b1e in RGB, HSL and CMYK?
In RGB, #af2b1e is rgb(175, 43, 30), in HSL hsl(5, 71%, 40%) and in CMYK 0%, 75%, 83%, 31%.
What colors pair best with #af2b1e for UI design?
This brick red works best when balanced against neutral, low-saturation tones like charcoal or warm off-whites. Because it is highly saturated, avoid pairing it with other bright primary colors to ensure your call-to-action buttons remain the visual focus.
Is #af2b1e readable on white or black?
#af2b1e has a 6.58:1 contrast ratio on white and 3.18: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.