#BF3020 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This strong, saturated red commands attention with its intense, warm energy. Because it is so loud, #bf3020 works best as a 10% accent color for calls to action or UI highlights rather than a large background. It pairs well with charcoal grays and provides sufficient contrast for white text to pass accessibility standards. The hex code for this powerful red is #bf3020.
Questions about #bf3020
What is #bf3020 in RGB, HSL and CMYK?
In RGB, #bf3020 is rgb(191, 48, 32), in HSL hsl(6, 71%, 44%) and in CMYK 0%, 75%, 83%, 25%.
What are the best color pairings for #bf3020?
Because #bf3020 is such an intense, high-energy hue, it balances best against neutral, grounding tones. It works exceptionally well when paired with charcoal for text or background elements, as the depth of the dark gray helps contain the red's vibration.
How should #bf3020 be used in UI design?
Use #bf3020 as a strategic 10 percent accent rather than a primary fill. It excels in call-to-action buttons or alert highlights where you need to draw immediate user attention without overwhelming the overall interface or creating visual fatigue.
Is #bf3020 readable on white or black?
#bf3020 has a 5.73:1 contrast ratio on white and 3.65: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.