#DE9440 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, mid-tone orange balances earthy warmth with a saturated, golden energy. Because of its high contrast against black text, it works well for UI elements that require readability. Pair #de9440 with deep charcoal or slate gray to ground its intensity, as it can feel overwhelming in large blocks. The hex code #de9440 serves best as a bold accent or call-to-action button rather than a primary background color.
Questions about #de9440
What is #de9440 in RGB, HSL and CMYK?
In RGB, #de9440 is rgb(222, 148, 64), in HSL hsl(32, 71%, 56%) and in CMYK 0%, 33%, 71%, 13%.
What colors pair well with #de9440?
#de9440 benefits from being grounded by deep, cool tones to balance its natural vibrancy. Using charcoal or deep slate provides the necessary contrast to make this orange pop without feeling overwhelming in a layout.
Is #de9440 a good choice for text?
Avoid using #de9440 for body text, as its high saturation can create eye strain on standard light backgrounds. Instead, keep this color for functional UI elements like call-to-action buttons or small, intentional accents where visual impact matters most.
Is #de9440 readable on white or black?
#de9440 has a 2.49:1 contrast ratio on white and 8.41:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.