#D96416 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d96416 is a saturated, high-energy orange that demands attention. Because it is so intense, it works best as an accent color for calls to action or UI highlights rather than a full background. Pair it with deep charcoal or navy to ground the intensity. This hex code provides strong contrast with black text, making it a functional choice for readable, impactful design elements.
Questions about #d96416
What is #d96416 in RGB, HSL and CMYK?
In RGB, #d96416 is rgb(217, 100, 22), in HSL hsl(24, 82%, 47%) and in CMYK 0%, 54%, 90%, 15%. Browse more shades of orange with names and hex codes.
What colors pair well with #d96416?
Because #d96416 is highly saturated and intense, it pairs most effectively with grounding neutrals like deep charcoal or navy. Using these dark tones prevents the brightness from becoming overwhelming while making your primary design elements pop visually.
Is #d96416 suitable for text?
This orange is generally too bright for small body text, as it may lack sufficient contrast against light backgrounds. Use #d96416 for meaningful UI accents like call-to-action buttons or highlights where high visibility is the primary goal for the user.
Is #d96416 readable on white or black?
#d96416 has a 3.63:1 contrast ratio on white and 5.78: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.