#BC0F2B Hex Color

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

Hex color #bc0f2b graphic
#bc0f2b is an intense, saturated red that demands immediate attention. This high-energy hue works best as a sharp accent or a call-to-action button rather than a large background. It pairs exceptionally well with charcoal grays or deep navies to anchor its brightness. Because white text maintains strong contrast over this hex code, it remains readable for UI design and bold graphic layouts.

Questions about #bc0f2b

What is #bc0f2b in RGB, HSL and CMYK?
In RGB, #bc0f2b is rgb(188, 15, 43), in HSL hsl(350, 85%, 40%) and in CMYK 0%, 92%, 77%, 26%. Browse more shades of red with names and hex codes.
What colors pair well with #bc0f2b?
Use deep neutrals like charcoal or navy to ground the intensity of #bc0f2b without competing with its vibrance. These dark backgrounds allow the red to pop effectively, making it an excellent choice for primary action buttons on a dark UI.
How should #bc0f2b be used in UI design?
Limit #bc0f2b to interactive elements like buttons, notification badges, or alerts where you need to draw the eye immediately. Because it is so saturated, using it for large backgrounds can cause visual fatigue and make text harder to read.
Is #bc0f2b readable on white or black?
#bc0f2b has a 6.47:1 contrast ratio on white and 3.24: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.