#DE2F2F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#de2f2f is a saturated, high-intensity red that commands immediate attention. Due to its raw power, this hue serves best as a small 10% accent for calls to action or critical alerts rather than a large background. It pairs exceptionally well with cool, dark grays to ground its inherent heat. White text provides sufficient contrast against this hex code, ensuring clear readability for UI elements.
Questions about #de2f2f
What is #de2f2f in RGB, HSL and CMYK?
In RGB, #de2f2f is rgb(222, 47, 47), in HSL hsl(0, 73%, 53%) and in CMYK 0%, 79%, 79%, 13%.
Where should I use the #de2f2f red in my interface?
Use #de2f2f strictly as a small 10% accent color for critical UI elements like call-to-action buttons or urgent system alerts. Its intense saturation quickly fatigues the eye, so it fails as a background color but thrives as an engaging focal point.
What colors pair best with #de2f2f?
This vibrant red balances perfectly against deep charcoal or cool neutral grays, which help ground its extreme heat. Avoid pairing it with other high-intensity warm tones to prevent visual clashing and maintain a professional, readable hierarchy for your users.
Is #de2f2f readable on white or black?
#de2f2f has a 4.61:1 contrast ratio on white and 4.55: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.