#AC0400 Hex Color
Intense saturated red with fiery character
This intense, saturated red commands attention with its deep, fiery character. Because of its visual weight, the hex code #ac0400 works best as a sharp accent rather than a full-screen background. White text sits perfectly against this shade, exceeding accessibility standards with a 7.6:1 contrast ratio. Use it sparingly in call to action buttons or design details to create urgency without overwhelming your layout.
Questions about #ac0400
What is #ac0400 in RGB, HSL and CMYK?
In RGB, #ac0400 is rgb(172, 4, 0), in HSL hsl(1, 100%, 34%) and in CMYK 0%, 98%, 100%, 33%.
What is the best way to use #ac0400 in UI design?
Use #ac0400 primarily as an accent color for call-to-action buttons or alert states rather than large backgrounds. Its visual weight creates immediate urgency, and it maintains high readability when paired with white text, which is critical for accessibility compliance.
Does #ac0400 work well for text?
Avoid using #ac0400 for long-form text because the high saturation creates significant eye strain over time. However, it functions perfectly as a heading color or a graphic accent when placed against a neutral, light-toned background to maintain necessary contrast ratios.
Is #ac0400 readable on white or black?
#ac0400 has a 7.57:1 contrast ratio on white and 2.77: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.