#BB3207 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bb3207 graphic
This blazing red is high-intensity and demands immediate attention. Due to its extreme saturation, #bb3207 works best as a punchy accent color rather than a main background. It pairs exceptionally well with cool, dark charcoals to ground its warmth. Because the hex code #bb3207 maintains a strong 5.9:1 contrast ratio against white text, it remains perfectly legible for UI elements and call-to-action buttons.

Questions about #bb3207

What is #bb3207 in RGB, HSL and CMYK?
In RGB, #bb3207 is rgb(187, 50, 7), in HSL hsl(14, 93%, 38%) and in CMYK 0%, 73%, 96%, 27%.
What is the best way to use #bb3207 in a design?
Because of its extreme saturation, #bb3207 functions best as a small, high-impact accent rather than a primary background color. Use it sparingly for call-to-action buttons or alert icons to ensure it directs the user's eye without overwhelming the layout.
What colors pair well with #bb3207?
To balance the heat of this shade, pair #bb3207 with cool, dark neutrals like charcoal or deep navy. These grounding tones offset the intensity of the red, preventing the design from feeling too frantic while maintaining a professional, readable contrast ratio.
Is #bb3207 readable on white or black?
#bb3207 has a 5.87:1 contrast ratio on white and 3.57: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.