#D64D12 Hex Color
A bold and high-impact reddish orange
#d64d12 is a bold, saturated reddish-orange that demands instant attention. Due to its intensity, this hue works best as a high-impact accent or call-to-action button rather than a large background. Black text remains highly legible against this hex code, meeting WCAG AA standards with a 4.9:1 contrast ratio. Pair it with cool, dark grays to ground the warmth for a balanced UI.
Questions about #d64d12
What is #d64d12 in RGB, HSL and CMYK?
In RGB, #d64d12 is rgb(214, 77, 18), in HSL hsl(18, 84%, 45%) and in CMYK 0%, 64%, 92%, 16%.
How can I balance the intensity of #d64d12 in a UI design?
Pair #d64d12 with cool, neutral tones to ground its inherent heat and prevent visual fatigue for the user. Using deep charcoal or cool slate grays as a base effectively balances this bold orange without losing its impact.
Is #d64d12 readable on white or black?
#d64d12 has a 4.26:1 contrast ratio on white and 4.92: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.