#A5202F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, brick red carries significant intensity and warmth without feeling overly bright. The hex code #a5202f works best as a bold accent or a small CTA rather than a full background, where it can easily overwhelm the eye. It pairs well with crisp, off-white tones, providing enough contrast for accessibility. Use this shade to anchor a design or draw immediate attention to specific UI elements.
Questions about #a5202f
What is #a5202f in RGB, HSL and CMYK?
In RGB, #a5202f is rgb(165, 32, 47), in HSL hsl(353, 68%, 39%) and in CMYK 0%, 81%, 72%, 35%. Browse more shades of red with names and hex codes.
How should I effectively use #a5202f in UI design?
#a5202f serves best as a high-impact accent color rather than a background shade because its high saturation can quickly overwhelm the viewer. Use it sparingly for call-to-action buttons or status indicators to guide user attention toward the most important interactive elements.
What colors pair well with #a5202f for a balanced interface?
Pair #a5202f with clean, neutral tones like off-white or soft cool gray to maintain readability and accessibility standards. Using it alongside deep charcoal text provides a sophisticated, professional contrast that anchors the design without creating visual clutter.
Is #a5202f readable on white or black?
#a5202f has a 7.37:1 contrast ratio on white and 2.84: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 is too faint for text. Try other pairs in the contrast checker.