#DB4624 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange-red carries high intensity and urgency. Because it demands immediate attention, the hex code #db4624 works best as a punchy accent rather than a background. Use it sparingly in interface design for call-to-action buttons or critical alerts. It maintains enough contrast for black text to remain legible, but keep it away from large blocks of copy where the high chroma can cause eye strain.
Questions about #db4624
What is #db4624 in RGB, HSL and CMYK?
In RGB, #db4624 is rgb(219, 70, 36), in HSL hsl(11, 72%, 50%) and in CMYK 0%, 68%, 84%, 14%.
Why should #db4624 be used sparingly in UI design?
#db4624 carries high chroma and intensity that can cause eye strain when applied to large areas or long blocks of text. Limit its usage to smaller, punchy elements like buttons or notification badges to ensure the interface remains comfortable to read.
Which colors pair well with #db4624 for a balanced palette?
Is #db4624 readable on white or black?
#db4624 has a 4.27:1 contrast ratio on white and 4.91: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.