#BF1D22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, high-intensity red, #bf1d22 commands attention immediately. This bold hue works best as a 10 percent accent color to drive user action, as it can overwhelm layouts when used excessively. Pair it with soft, muted grays to balance its heat. Because the hex code #bf1d22 offers strong contrast, white text remains readable against it for accessible button designs and headers.
Questions about #bf1d22
What is #bf1d22 in RGB, HSL and CMYK?
In RGB, #bf1d22 is rgb(191, 29, 34), in HSL hsl(358, 74%, 43%) and in CMYK 0%, 85%, 82%, 25%.
What is the best way to use #bf1d22 in a professional design layout?
Use #bf1d22 as a high-contrast accent color for buttons, calls to action, or key headers. Because this hue is so saturated, limiting it to about 10 percent of your total layout prevents it from overwhelming the overall user experience.
Which colors pair well with #bf1d22 for a balanced color palette?
This red works exceptionally well when paired with neutral, muted grays or a crisp white to soften its intensity. These neutral companions act as a visual buffer, ensuring the boldness of #bf1d22 drives action without straining the viewer’s eyes.
Is #bf1d22 readable on white or black?
#bf1d22 has a 6.15:1 contrast ratio on white and 3.41: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.