#BE2E1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red demands attention, making it ideal for call-to-action buttons or urgent UI alerts. Because of its intensity, use #be2e1f as a 10% accent rather than a dominant background color to avoid visual fatigue. It pairs well with crisp, cool grays to tone down its natural heat. White text offers excellent 5.8:1 contrast, ensuring readability over this bold shade.
Questions about #be2e1f
What is #be2e1f in RGB, HSL and CMYK?
In RGB, #be2e1f is rgb(190, 46, 31), in HSL hsl(6, 72%, 43%) and in CMYK 0%, 76%, 84%, 25%.
What is the best way to use #be2e1f in interface design?
Because #be2e1f is highly saturated, it works best as a 10% accent for critical elements like call-to-action buttons or urgent alerts. Using it sparingly prevents visual fatigue while effectively drawing the user's eye exactly where it needs to go.
Which colors balance the intensity of #be2e1f?
Cool neutrals like cool gray are perfect for calming the heat of #be2e1f. Pairing this vibrant red against a balanced, neutral backdrop creates enough separation to ensure your interface remains legible and professional without overwhelming the viewer.
Is #be2e1f readable on white or black?
#be2e1f has a 5.83:1 contrast ratio on white and 3.60: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.