#BC2220 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bc2220 is a powerful, saturated red with intense energy that commands immediate attention. Because it is so loud and demanding, this shade functions best as a small, strategic accent for calls to action or UI alerts rather than a dominant background. White text sits comfortably against this bold hue, providing a high contrast pairing that remains legible for users.
Questions about #bc2220
What is #bc2220 in RGB, HSL and CMYK?
In RGB, #bc2220 is rgb(188, 34, 32), in HSL hsl(1, 71%, 43%) and in CMYK 0%, 82%, 83%, 26%. Browse more shades of red with names and hex codes.
How can #bc2220 be used effectively in UI design?
Because #bc2220 is so loud and demanding, it functions best as a small, strategic accent for critical UI alerts or calls to action rather than a dominant background color. It draws immediate user focus when used sparingly against neutral interfaces.
What colors pair well with #bc2220 for a balanced palette?
This bold red pairs best with neutral tones to let its intensity stand out without overwhelming the viewer. You can create a sophisticated, high-contrast scheme by pairing it with off-white or soft charcoal to maintain legibility.
Is #bc2220 readable on white or black?
#bc2220 has a 6.19:1 contrast ratio on white and 3.38: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.