#BC2624 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red commands immediate attention. Because it is highly pigmented, #bc2624 works best as an accent color for calls to action or UI alerts rather than a full background. It pairs exceptionally well with cool, desaturated teals or soft grays for balance. White text remains legible against this shade, making it a reliable choice for buttons or high-impact headlines.
Questions about #bc2624
What is #bc2624 in RGB, HSL and CMYK?
In RGB, #bc2624 is rgb(188, 38, 36), in HSL hsl(1, 68%, 44%) and in CMYK 0%, 80%, 81%, 26%. Browse more shades of red with names and hex codes.
Where should I use #bc2624 in a UI design?
#bc2624 is best reserved for high-priority elements like error states, urgent notification badges, or primary call-to-action buttons. Because this shade is highly pigmented and commands immediate attention, avoid using it for large background areas or body text where it can overwhelm the user.
What colors pair well with #bc2624?
This bold red creates visual balance when paired with cool, desaturated tones like slate gray or muted teal. Using neutral, lighter backgrounds helps keep the intensity of #bc2624 controlled while ensuring your primary action buttons remain distinct and accessible.
Is #bc2624 readable on white or black?
#bc2624 has a 6.10:1 contrast ratio on white and 3.44: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.