#BE3331 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red carries high energy and intense warmth, making it ideal for grabbing attention. Because it is quite powerful, use #be3331 as a targeted 10% accent rather than a full background. It pairs exceptionally well with charcoal grays for a sophisticated modern look. White text provides clear, accessible legibility against this hue with a 5.7:1 contrast ratio. The hex code for this bold shade is #be3331.
Questions about #be3331
What is #be3331 in RGB, HSL and CMYK?
In RGB, #be3331 is rgb(190, 51, 49), in HSL hsl(1, 59%, 47%) and in CMYK 0%, 73%, 74%, 25%.
How should I use #be3331 in my interface design?
#be3331 serves best as a purposeful accent color rather than a primary background shade. Apply it to call-to-action buttons or status indicators to draw immediate attention while maintaining a balanced visual hierarchy across your user interface.
What colors pair well with #be3331 for a modern look?
This red pairs exceptionally well with charcoal or deep, neutral grays to create a sophisticated, high-contrast aesthetic. These darker tones ground the intensity of the red, allowing it to pop without overwhelming the rest of your layout.
Is #be3331 readable on white or black?
#be3331 has a 5.66:1 contrast ratio on white and 3.70: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.