#DD5F3A Hex Color

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

Hex color #dd5f3a graphic
This intense red-orange demands attention with its saturated, high-energy presence. Because of its visual weight, #dd5f3a works best as a bold accent or call-to-action button rather than a background. Pair it with deep charcoal grays to create a sharp, professional contrast. For designers, the hex code #dd5f3a offers enough readability for small text when paired with black, though it shines brightest in UI highlights.

Questions about #dd5f3a

What is #dd5f3a in RGB, HSL and CMYK?
In RGB, #dd5f3a is rgb(221, 95, 58), in HSL hsl(14, 71%, 55%) and in CMYK 0%, 57%, 74%, 13%.
Does #dd5f3a work well as a background color?
#dd5f3a carries significant visual weight and often overwhelms when used as a large background field. Use it sparingly for call-to-action buttons, warning alerts, or small graphic highlights where its high-energy intensity serves a clear functional purpose for the user.
Is #dd5f3a readable on white or black?
#dd5f3a has a 3.63:1 contrast ratio on white and 5.77: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.