#D96A49 Hex Color
Vibrant burnt orange with earthy warmth
This burnt orange hue balances high energy with a mellow, earthy warmth. It functions well as a bold accent color, pairing effectively with cool slate blues or deep charcoal to ground its intensity. Because black text maintains a high contrast ratio against it, the hex code #d96a49 works surprisingly well for actionable UI elements like buttons or important calls to action where you need immediate attention.
Questions about #d96a49
What is #d96a49 in RGB, HSL and CMYK?
In RGB, #d96a49 is rgb(217, 106, 73), in HSL hsl(14, 65%, 57%) and in CMYK 0%, 51%, 66%, 15%.
What colors pair well with #d96a49 in a design layout?
This burnt orange works best when grounded by cool, dark neutrals that balance its intensity. Try pairing it with deep charcoal or slate blue to create strong contrast that makes your UI elements pop without overwhelming the surrounding page content.
Is #d96a49 suitable for text on a white background?
The color #d96a49 typically fails standard accessibility requirements for readability when used as body text against a white background. It functions much more effectively as a high-visibility accent for buttons, badges, or icons where you need to draw user attention.
Is #d96a49 readable on white or black?
#d96a49 has a 3.43:1 contrast ratio on white and 6.10: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.