#BC313C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and commanding, #bc313c functions best as a high-impact accent color for buttons or alerts. It dominates layouts, so restrict its use to the 10% portion of a 60/30/10 palette. Because this shade maintains a 5.8:1 contrast ratio against white text, it remains legible even in small sizes. The hex code for this intense red is #bc313c.
Questions about #bc313c
What is #bc313c in RGB, HSL and CMYK?
In RGB, #bc313c is rgb(188, 49, 60), in HSL hsl(355, 59%, 46%) and in CMYK 0%, 74%, 68%, 26%.
Where should I use #bc313c in my UI design?
#bc313c functions best as a high-impact accent color for buttons or call-to-action elements. Because this shade commands attention so effectively, limit its usage to about 10 percent of your total layout to avoid overwhelming the user experience.
Is #bc313c readable on white or black?
#bc313c has a 5.76:1 contrast ratio on white and 3.64: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.