#DB4931 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#db4931 is a highly saturated red with a strong orange undertone, making it feel urgent and intense. Because this hex code commands immediate attention, it works best as a small accent rather than a background. Use it sparingly in UI design for calls to action or error states where you need to guide the user eye. It maintains readable contrast when paired with black text.
Questions about #db4931
What is #db4931 in RGB, HSL and CMYK?
In RGB, #db4931 is rgb(219, 73, 49), in HSL hsl(8, 70%, 53%) and in CMYK 0%, 67%, 78%, 14%.
How should I use #db4931 in UI design?
#db4931 is best utilized as a tactical accent rather than a primary background color because of its high-intensity orange undertones. Reserve this hex color for critical interface elements like call-to-action buttons or urgent error messages to grab user attention immediately.
What text color works best against #db4931?
Black or very deep charcoal text provides the best readability against #db4931 due to the high saturation of the red base. Because the hue is quite vibrant, avoid using white text unless the font weight is heavy enough to maintain sufficient contrast levels.
Is #db4931 readable on white or black?
#db4931 has a 4.19:1 contrast ratio on white and 5.00: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.