#DD8A04 Hex Color

Vibrant orange with high energy impact

Hex color #dd8a04 graphic
This intense orange delivers high visibility and immediate impact. Because #dd8a04 is so saturated, it works best as a 10% accent color for calls to action or UI highlights rather than a background. It pairs exceptionally well with charcoal grays or deep navy blues. The hex code #dd8a04 provides enough contrast for black text, making it a reliable choice for legible design elements.

Questions about #dd8a04

What is #dd8a04 in RGB, HSL and CMYK?
In RGB, #dd8a04 is rgb(221, 138, 4), in HSL hsl(37, 96%, 44%) and in CMYK 0%, 38%, 98%, 13%.
How should I use #dd8a04 in a UI interface?
#dd8a04 functions best as a small-scale accent color rather than a background. Use this saturated orange for high-impact elements like call-to-action buttons or status icons where you need to draw the user's eye immediately without overwhelming the surrounding content.
What colors pair best with #dd8a04?
This orange relies on high-contrast neutrals to remain readable and balanced in design. It pairs exceptionally well with deep charcoal or dark navy backgrounds, which ground the intensity of the hue and make the orange pop without creating visual vibration.
Is #dd8a04 readable on white or black?
#dd8a04 has a 2.72:1 contrast ratio on white and 7.71: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.