#AC202D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention with its aggressive and passionate tone. Because it is highly pigmented, #ac202d works best as a sharp accent or CTA button rather than a background color. Pair it with soft, muted grays to keep the composition from feeling overwhelming. This hex code offers excellent contrast for white text, ensuring your UI elements remain legible and bold.
Questions about #ac202d
What is #ac202d in RGB, HSL and CMYK?
In RGB, #ac202d is rgb(172, 32, 45), in HSL hsl(354, 69%, 40%) and in CMYK 0%, 81%, 74%, 33%.
How should I use #ac202d in a UI design?
#ac202d works best as a deliberate accent for primary call-to-action buttons or notification badges where you need to draw the eye immediately. Avoid using this highly saturated shade as a large background, as it can easily overwhelm the viewer's visual comfort.
What colors pair well with #ac202d for a balanced palette?
This aggressive red is most effectively grounded by neutral tones like charcoal or cool, soft grays, which prevent the color from vibrating against the screen. For a more sophisticated look, use it alongside deep, muted blues to balance the heat.
Is #ac202d readable on white or black?
#ac202d has a 7.00:1 contrast ratio on white and 2.99: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.