#D15E12 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense orange demands attention. The hex code #d15e12 is overwhelming as a primary background but performs effectively as a small UI accent or highlight. Pair this shade with dark charcoal or slate grey to balance the warmth. Because it offers a 5.3:1 contrast ratio against black text, it meets accessibility standards for small body text, making it a functional choice for high-visibility interface elements.
Questions about #d15e12
What is #d15e12 in RGB, HSL and CMYK?
In RGB, #d15e12 is rgb(209, 94, 18), in HSL hsl(24, 84%, 45%) and in CMYK 0%, 55%, 91%, 18%.
How can #d15e12 be effectively used in user interface design?
#d15e12 functions best as a focused UI accent rather than a primary background color due to its high saturation. Use it for call-to-action buttons or status indicators where you need to draw the eye without overwhelming the overall layout.
What colors pair well with #d15e12 for a balanced scheme?
Pair #d15e12 with charcoal or deep slate tones to ground its intense warmth and manage visual hierarchy. These neutral, dark backgrounds allow the orange to pop significantly while ensuring text remains readable and professional.
Is #d15e12 readable on white or black?
#d15e12 has a 3.94:1 contrast ratio on white and 5.32: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.