#AD1519 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red commands attention with its intense, dark undertones. It works best as an accent color for calls to action or alert UI elements, where it stands out against neutral palettes. Because white text provides a 7.2:1 contrast ratio, it remains highly readable. The hex code #ad1519 should be used sparingly, as it can feel visually heavy when applied to large backgrounds.
Questions about #ad1519
What is #ad1519 in RGB, HSL and CMYK?
In RGB, #ad1519 is rgb(173, 21, 25), in HSL hsl(358, 78%, 38%) and in CMYK 0%, 88%, 86%, 32%.
When should #ad1519 be used in a user interface?
Use #ad1519 as a targeted accent color for call-to-action buttons or alert notifications where high visibility is required. Because it is visually heavy, avoid applying it to large backgrounds or text blocks to ensure your design remains balanced and legible.
Is #ad1519 readable on white or black?
#ad1519 has a 7.24:1 contrast ratio on white and 2.89: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.