#BE2420 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold red carries high saturation and warm intensity, making it impossible to ignore. The hex code for this shade is #be2420. Designers should treat it as a powerful accent color for calls to action or alert UI rather than a large background. It provides a strong 6.1:1 contrast ratio against white text, ensuring your key interface elements remain legible and urgent.
Questions about #be2420
What is #be2420 in RGB, HSL and CMYK?
In RGB, #be2420 is rgb(190, 36, 32), in HSL hsl(2, 71%, 44%) and in CMYK 0%, 81%, 83%, 25%.
When should I use #be2420 in my UI design?
Use #be2420 as a high-impact accent color for call-to-action buttons or system alerts rather than as a large background. Its high saturation and strong contrast against white ensure that critical interface elements remain legible and urgent for your users.
Is #be2420 readable on white or black?
#be2420 has a 6.06:1 contrast ratio on white and 3.46: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.