#D15006 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity orange demands immediate attention. Because of its extreme chroma, #d15006 functions best as a small accent or call-to-action button rather than a large background. It pairs cleanly with deep charcoal grays to create a modern look. Since black text provides a 4.9:1 contrast ratio against this hex code, it remains accessible even for small body type.
Questions about #d15006
What is #d15006 in RGB, HSL and CMYK?
In RGB, #d15006 is rgb(209, 80, 6), in HSL hsl(22, 94%, 42%) and in CMYK 0%, 62%, 97%, 18%.
How should I use #d15006 in web design?
#d15006 works best as a focused accent or a high-contrast call-to-action button because its extreme chroma can overwhelm larger areas. Use it sparingly to guide user attention without exhausting the eye, ensuring your layout remains balanced and legible.
What colors pair well with #d15006?
Pair #d15006 with charcoal or deep slate tones to ground its intensity and create a modern, high-contrast aesthetic. These neutral, dark backgrounds allow the orange to pop as a visual highlight rather than clashing with other bold hues.
Is #d15006 readable on white or black?
#d15006 has a 4.31:1 contrast ratio on white and 4.86: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.