#A70427 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated crimson acts as a powerful attention-grabber, making it ideal for call-to-action buttons or accent elements. Because of its intensity, #a70427 can overwhelm if used for large backgrounds. It pairs well with crisp white text, as that combination offers excellent readability. Designers often rely on this hex code to inject urgency or high-energy emotion into a UI without leaning into neon territory.
Questions about #a70427
What is #a70427 in RGB, HSL and CMYK?
In RGB, #a70427 is rgb(167, 4, 39), in HSL hsl(347, 95%, 34%) and in CMYK 0%, 98%, 77%, 35%. Browse more shades of red with names and hex codes.
How can I use #a70427 effectively in UI design?
Reserve #a70427 for small, high-impact UI elements like call-to-action buttons or notification badges. Because of its extreme intensity, it can easily overwhelm a layout, so avoid using it for large backgrounds or body text.
What colors create a balanced palette with #a70427?
Is #a70427 readable on white or black?
#a70427 has a 7.80:1 contrast ratio on white and 2.68: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.