#DE7041 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#de7041 is a bold, saturated orange that demands immediate attention. Because of this high intensity, use it as a striking accent or call to action button rather than a background. It pairs effectively with deep charcoal gray for a modern, high-contrast look. Since black text provides excellent 6.5:1 contrast, legibility is strong. The hex code for this warm, energetic shade is #de7041.
Questions about #de7041
What is #de7041 in RGB, HSL and CMYK?
In RGB, #de7041 is rgb(222, 112, 65), in HSL hsl(18, 70%, 56%) and in CMYK 0%, 50%, 71%, 13%. Browse more shades of orange with names and hex codes.
What is the best way to use #de7041 in a design?
Because #de7041 is highly saturated, it works best as a deliberate accent or call-to-action button to grab immediate attention. Avoid using it as a large background color, as its intensity can quickly overwhelm users and fatigue the eye during extended viewing.
Which colors pair well with #de7041 for a balanced palette?
This orange pairs effectively with charcoal or deep neutral grays to create a modern, high-contrast aesthetic. These dark, grounded tones act as a natural anchor, allowing the vibrancy of #de7041 to stand out without competing with other bright elements on the page.
Is #de7041 readable on white or black?
#de7041 has a 3.23:1 contrast ratio on white and 6.49: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.