#AD2D37 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ad2d37 graphic
#ad2d37 is a saturated brick red with earthy, rustic undertones. It packs enough intensity for attention-grabbing buttons or call-to-action elements, though it works best as a 10% accent rather than a full background. Pair this hex code with a crisp off-white or deep charcoal to ground its boldness. It offers excellent contrast for white text, ensuring readability in UI designs.

Questions about #ad2d37

What is #ad2d37 in RGB, HSL and CMYK?
In RGB, #ad2d37 is rgb(173, 45, 55), in HSL hsl(355, 59%, 43%) and in CMYK 0%, 74%, 68%, 32%.
How should I use #ad2d37 in a UI design interface?
Reserve #ad2d37 for small, high-impact UI elements like call-to-action buttons or alert icons rather than large backgrounds. Because of its high saturation, it works best when balanced against neutral backgrounds like off-white or charcoal to maintain readability without overwhelming the user.
Is #ad2d37 readable on white or black?
#ad2d37 has a 6.54:1 contrast ratio on white and 3.20: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.