#D5493D Hex Color

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

Hex color #d5493d graphic
This saturated, warm red demands attention with high intensity. Because it is so loud, #d5493d works best as a sharp accent or call-to-action button rather than a background. It pairs well with slate grays to ground its energy. Black text provides excellent readability over this shade, comfortably meeting accessibility standards for designers working on UI elements or marketing collateral.

Questions about #d5493d

What is #d5493d in RGB, HSL and CMYK?
In RGB, #d5493d is rgb(213, 73, 61), in HSL hsl(5, 64%, 54%) and in CMYK 0%, 66%, 71%, 16%.
What is the best way to use #d5493d in design?
Use #d5493d strictly as an accent or call-to-action color because its high saturation can easily overwhelm layouts. It commands immediate attention, making it perfect for buttons or notification badges where you need to draw the eye without cluttering the page background.
What colors pair well with #d5493d?
To balance the energy of #d5493d, pair it with neutral tones like charcoal or soft slate. These darker, desaturated grays provide a necessary anchor, allowing the vibrancy of the red to pop without competing for visual dominance.
Is #d5493d readable on white or black?
#d5493d has a 4.33:1 contrast ratio on white and 4.84:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.