#DE3030 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#de3030 is a saturated, warm red with high chroma and a bright, forceful presence. It brings urgency and passion to calls to action, sports graphics, food branding, and sale accents. Use it as a focused accent rather than a full background, since its intensity can dominate a layout. White text has about 4.6:1 contrast. The hex code is #de3030.
Questions about #de3030
What is #de3030 in RGB, HSL and CMYK?
In RGB, #de3030 is rgb(222, 48, 48), in HSL hsl(0, 73%, 53%) and in CMYK 0%, 78%, 78%, 13%.
How does #de3030 pair with other colors?
#de3030 pairs well with charcoal, warm cream, and muted sage, because these quieter tones temper its high saturation while preserving its role as the palette's strong primary visual accent in a balanced layout. Use charcoal for structure, cream for softer editorial layouts, and sage for a less expected counterpoint.
Where does #de3030 work best in a design?
#de3030 works best as a focused accent for calls to action, sale labels, sports graphics, food packaging, and alert states, rather than a dominant page background, where its high saturation can overwhelm surrounding content.
Is #de3030 readable on white or black?
#de3030 has a 4.59:1 contrast ratio on white and 4.57:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.