#AB2330 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands attention without feeling neon. With its strong, deep presence, the hex code #ab2330 functions best as a high-impact accent or CTA button rather than a full background. It pairs exceptionally well with cool grays or soft creams. Because it provides high contrast, white text remains very readable against this shade, making it a reliable choice for UI elements.
Questions about #ab2330
What is #ab2330 in RGB, HSL and CMYK?
In RGB, #ab2330 is rgb(171, 35, 48), in HSL hsl(354, 66%, 40%) and in CMYK 0%, 80%, 72%, 33%.
How does #ab2330 perform in interface design?
Because #ab2330 offers a deep, saturated presence without feeling neon, it functions best as a high-impact accent or primary call-to-action button. Its high contrast ratio ensures that white text remains perfectly legible and accessible against the background.
Which colors pair best with #ab2330?
This red pairs exceptionally well with cool grays or soft, warm creams, which balance its intensity and keep the design feeling grounded. Avoid pairing #ab2330 with other highly saturated hues to prevent visual fatigue and ensure the color maintains its role as a focal point.
Is #ab2330 readable on white or black?
#ab2330 has a 6.96:1 contrast ratio on white and 3.01: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.