#BF315E Color

#BF315E is rgb(191, 49, 94) in RGB and hsl(341, 59%, 47%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#BF315E

HEX#BF315E

RGBrgb(191, 49, 94)

HSLhsl(341, 59%, 47%)

HSVhsv(341, 74%, 75%)

OKLCHoklch(54.4% 0.18 6.8)

CMYKcmyk(0%, 74%, 51%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BF315E Complementary#31BF92 Analogous#BF31A5 Analogous#BF4B31 Triadic#5EBF31 Triadic#315EBF

Tints & Shades

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

Tints

#CF4470 #D76589 #DF819F #E69EB5 #EDBACA #F6DBE3

Shades

#A62B52 #8E2546 #761E3A #59172C #411120 #290A14

Use #BF315E in Our Tools

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