#AF3B54 Hex Color
An intense brick red with grounding energy
This saturated, brick red carries an intense warmth that feels grounded yet urgent. Because of its strong presence, this tone functions best as a high-impact accent or call-to-action button rather than a broad background. Pair it with white text to maintain high contrast, as it comfortably passes WCAG AA standards for readability. The hex code for this assertive shade is #af3b54.
Questions about #af3b54
What is #af3b54 in RGB, HSL and CMYK?
In RGB, #af3b54 is rgb(175, 59, 84), in HSL hsl(347, 50%, 46%) and in CMYK 0%, 66%, 52%, 31%.
How should I use #af3b54 in a user interface?
#af3b54 works best as a deliberate, high-impact accent color for conversion-focused elements like primary buttons or notification badges. Because of its intense, urgent nature, avoid using this shade for large backgrounds where it can quickly overwhelm the visual hierarchy.
What colors pair best with #af3b54?
This brick red pairs effectively with neutral tones like soft cream or cool charcoal to balance its inherent warmth. For a more sophisticated palette, consider incorporating muted olive or deep navy to create contrast without clashing with the red's urgency.
Is #af3b54 readable on white or black?
#af3b54 has a 5.87:1 contrast ratio on white and 3.57: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.