#D94A03 Hex Color

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

Hex color #d94a03 graphic
This saturated, fiery orange-red commands immediate attention. Because it is so intense, #d94a03 functions best as a high-impact accent color rather than a large-scale background. It pairs exceptionally well with charcoal grays or deep teals to ground its inherent energy. Since this hex code offers a 4.9:1 contrast ratio against black, it remains accessible for functional UI elements like buttons or important alerts.

Questions about #d94a03

What is #d94a03 in RGB, HSL and CMYK?
In RGB, #d94a03 is rgb(217, 74, 3), in HSL hsl(20, 97%, 43%) and in CMYK 0%, 66%, 99%, 15%.
Where should I use #d94a03 in my user interface design?
#d94a03 works best as a deliberate accent color rather than a primary background shade. Because of its intensity, it is highly effective for call-to-action buttons, important notification badges, or alerts that require immediate visual attention from the user.
Which colors pair best with #d94a03 for a balanced palette?
To ground the high energy of #d94a03, pair it with neutral, dark tones like charcoal or deep, muted teal. These cooling colors balance the inherent warmth of this orange-red, creating a professional contrast that prevents the design from feeling overwhelming.
Is #d94a03 readable on white or black?
#d94a03 has a 4.25:1 contrast ratio on white and 4.93: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.