#DE4D00 Hex Color

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

Hex color #de4d00 graphic
#de4d00 is a saturated, intense red-orange that commands immediate attention. Because of its high chroma, it works best as a 10% accent rather than a dominant background color. Pair this hex code with dark charcoals or deep navy blues to ground its aggressive warmth. It offers enough contrast for legible black text, making it a functional choice for high-priority calls to action or alert interfaces.

Questions about #de4d00

What is #de4d00 in RGB, HSL and CMYK?
In RGB, #de4d00 is rgb(222, 77, 0), in HSL hsl(21, 100%, 44%) and in CMYK 0%, 65%, 100%, 13%.
What colors pair best with #de4d00?
Because #de4d00 is so visually aggressive, it creates the most balanced results when paired with deep navy or charcoal. These dark, cool neutrals ground the high-chroma warmth, preventing the eye from feeling overwhelmed by the intensity of the orange.
Can #de4d00 be used as a background color?
Using #de4d00 as a large background is generally discouraged because its high saturation quickly causes eye fatigue. It is significantly more effective when applied as a 10% accent, such as on buttons, notification badges, or critical call-to-action elements.
Is #de4d00 readable on white or black?
#de4d00 has a 4.06:1 contrast ratio on white and 5.16: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.