#DB7622 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Frequently Asked Questions
How should I use #db7622 in a UI design?
Because #db7622 is highly saturated, it serves best as a limited 10% accent color for interactive elements like buttons or notification badges. Avoid using it for large backgrounds, as its intensity can quickly overwhelm the user's focus.
What colors pair well with the intensity of #db7622?
Pair #db7622 with charcoal or deep neutral grays to effectively ground its natural warmth and high energy. These dark, muted tones provide the necessary contrast to make the orange pop without creating visual fatigue for the viewer.
Is #db7622 accessible for text on dark backgrounds?
With a 6.6:1 contrast ratio against standard black, #db7622 remains highly legible and passes accessibility standards for small UI text. It provides a striking, readable result that draws the eye while maintaining clarity for most users.