#BB0404 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands attention with its aggressive and fiery character. The hex code #bb0404 works best as an accent rather than a background, where its high contrast makes call-to-action buttons pop against neutral UI layouts. Because it is so loud, use it sparingly to signal urgency or warning. Pair it with soft, desaturated grays to balance its overwhelming heat.
Questions about #bb0404
What is #bb0404 in RGB, HSL and CMYK?
In RGB, #bb0404 is rgb(187, 4, 4), in HSL hsl(0, 96%, 37%) and in CMYK 0%, 98%, 98%, 27%.
How should I use #bb0404 effectively in a web design?
Because #bb0404 is visually aggressive, use it strictly as an accent color for call-to-action buttons or to signal urgent warnings. Avoid using it as a primary background color, as it quickly overwhelms the user and causes significant eye fatigue.
Which neutral colors balance the intensity of #bb0404?
You can effectively temper the heat of #bb0404 by pairing it with charcoal or soft, desaturated grays. These neutral tones provide a grounded backdrop that allows the brightness of the red to pop without appearing chaotic or jarring to the viewer.
Is #bb0404 readable on white or black?
#bb0404 has a 6.70:1 contrast ratio on white and 3.13: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.