#BB0A01 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense red is saturated and demands immediate attention. Because of its high energy, #bb0a01 works best as a 10% accent color for calls to action or alert indicators rather than a dominant background. White text pops clearly against this shade, ensuring strong readability. For a balanced palette, pair this hex code with a muted charcoal or slate gray to ground its powerful, fiery character.
Questions about #bb0a01
What is #bb0a01 in RGB, HSL and CMYK?
In RGB, #bb0a01 is rgb(187, 10, 1), in HSL hsl(3, 99%, 37%) and in CMYK 0%, 95%, 99%, 27%.
How should I use #bb0a01 in a UI design?
#bb0a01 is extremely saturated and works best as a limited accent color rather than a dominant background. Limit its use to about 10 percent of your interface, such as for critical call-to-action buttons or alert indicators, to maintain visual balance and keep users focused.
What colors balance the intensity of #bb0a01?
To ground the fiery energy of #bb0a01, pair it with neutral, desaturated tones. Using a deep charcoal or cool slate gray provides the necessary contrast to let the red stand out without overwhelming the surrounding design elements.
Is #bb0a01 readable on white or black?
#bb0a01 has a 6.65:1 contrast ratio on white and 3.15: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.