#DE1E55 Hex Color
Intense, high-octane red with pink undertones
#de1e55 is a high-octane, saturated red with strong pink undertones. Its intense energy demands attention, making it far too aggressive for large backgrounds. Instead, use this shade as a powerful 10% accent in UI designs or for high-contrast calls to action. It pairs surprisingly well with deep, moody charcoals rather than standard blacks. White text remains readable against this hex code, ensuring your critical interface elements stand out.
Questions about #de1e55
What is #de1e55 in RGB, HSL and CMYK?
In RGB, #de1e55 is rgb(222, 30, 85), in HSL hsl(343, 76%, 49%) and in CMYK 0%, 86%, 62%, 13%.
Where should #de1e55 be used in UI design?
Use #de1e55 strictly as a small, powerful accent color for elements like call-to-action buttons or status indicators, typically covering no more than 10% of your layout. Because this shade is aggressive and visually demanding, it is unsuitable for large backgrounds or body text.
What color combinations work well with #de1e55?
This color pairs best with deep charcoal or soft neutral greys instead of pure black, which can create too harsh a contrast. Pair it with lighter, cooler neutrals to keep the overall interface balance grounded and readable for users.
Is #de1e55 readable on white or black?
#de1e55 has a 4.74:1 contrast ratio on white and 4.42: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.