#DD5E0F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dd5e0f is a saturated, high-energy orange that demands attention. Because this hue is so intense, it works best as a small accent rather than a full background color, where it can easily overwhelm the eye. It pairs unexpectedly well with deep charcoal grays to ground its inherent boldness. This hex code provides sufficient contrast for black text, ensuring readability in UI calls to action.
Questions about #dd5e0f
What is #dd5e0f in RGB, HSL and CMYK?
In RGB, #dd5e0f is rgb(221, 94, 15), in HSL hsl(23, 87%, 46%) and in CMYK 0%, 57%, 93%, 13%.
How can I use #dd5e0f effectively in UI design?
#dd5e0f functions best as a focused accent color for calls to action or notification badges where you need to draw the eye immediately. Because of its intensity, avoid using it as a large background or primary text color to prevent visual fatigue.
What colors pair well with #dd5e0f?
This vibrant orange balances perfectly against neutral, deep tones like charcoal or slate gray, which ground its energy. For a more adventurous scheme, try pairing it with deep teals or cool navy blues to create a high-contrast complementary effect.
Is #dd5e0f readable on white or black?
#dd5e0f has a 3.69:1 contrast ratio on white and 5.68: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.