#DE9541 Hex Color

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

Hex color #de9541 graphic
This golden-orange brings a mellow, warm energy to any design. It sits at a mid-tone saturation, making it better suited for attention-grabbing accents than for large-scale backgrounds. Try pairing it with charcoal or deep navy for a grounded look. Because it offers excellent contrast against black text, it functions well for UI buttons and icons. The hex code for this shade is #de9541.

Questions about #de9541

What is #de9541 in RGB, HSL and CMYK?
In RGB, #de9541 is rgb(222, 149, 65), in HSL hsl(32, 70%, 56%) and in CMYK 0%, 33%, 71%, 13%.
What design elements work best with #de9541?
Because #de9541 is a vibrant mid-tone golden-orange, it functions beautifully as an accent for call-to-action buttons or navigation icons. It provides high visual contrast against charcoal or deep navy backgrounds, ensuring your interface elements remain readable and punchy.
Does #de9541 work well for text?
Generally, #de9541 lacks sufficient contrast to be used as body text on white or light gray backgrounds. If you want to use this shade for text, reserve it for bold headers or logos placed over dark, neutral surfaces to maintain accessibility.
Is #de9541 readable on white or black?
#de9541 has a 2.47:1 contrast ratio on white and 8.48: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.