#BF1616 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red commands immediate attention. Because #bf1616 is so saturated, it works best as an accent color for calls to action or alert states rather than a primary background. It pairs well with crisp charcoal grays to ground its heat. White text remains perfectly legible against this shade, making it a reliable choice for buttons or notification badges. The hex code for this bold red is #bf1616.
Questions about #bf1616
What is #bf1616 in RGB, HSL and CMYK?
In RGB, #bf1616 is rgb(191, 22, 22), in HSL hsl(0, 79%, 42%) and in CMYK 0%, 88%, 88%, 25%.
Where should I use #bf1616 in my interface design?
#bf1616 is best reserved for high-priority alert states or critical calls to action where immediate user attention is required. Its high saturation ensures it stands out against standard white or light gray backgrounds without needing large surface areas.
What colors pair well with #bf1616?
You can ground the intensity of #bf1616 by pairing it with charcoal or dark slate grays to balance the heat. For a cleaner look, keep surrounding elements neutral to prevent the color from overwhelming your UI hierarchy.
Is #bf1616 readable on white or black?
#bf1616 has a 6.28:1 contrast ratio on white and 3.34: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.