#BC296B Color

#BC296B is rgb(188, 41, 107) in RGB and hsl(333, 64%, 45%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BC296B

HEX#BC296B

RGBrgb(188, 41, 107)

HSLhsl(333, 64%, 45%)

HSVhsv(333, 78%, 74%)

OKLCHoklch(53.6% 0.189 359)

CMYKcmyk(0%, 78%, 43%, 26%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #BC296B background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text5.73:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.67:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #BC296B based on color wheel relationships. Click any swatch for its full breakdown.

Base#BC296B Complementary#29BC7A Analogous#BC29B5 Analogous#BC3129 Triadic#6BBC29 Triadic#296BBC

Tints & Shades

Lighter tints and darker shades of #BC296B, useful for hover states, backgrounds, and text variants.

Tints

#D43A7F #DA5892 #E279A8 #E896BB #EFB8D1 #F6D5E4

Shades

#A3245D #8A1E4F #711940 #5C1435 #430F26 #2A0918

Use #BC296B in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex