#BF789E Color

#BF789E is rgb(191, 120, 158) in RGB and hsl(328, 36%, 61%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#BF789E

HEX#BF789E

RGBrgb(191, 120, 158)

HSLhsl(328, 36%, 61%)

HSVhsv(328, 37%, 75%)

OKLCHoklch(65.9% 0.101 346.9)

CMYKcmyk(0%, 37%, 17%, 25%)

Text Contrast & Accessibility

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

TextWhite text3.28:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.4:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BF789E Complementary#78BF99 Analogous#BD78BF Analogous#BF787A Triadic#9EBF78 Triadic#789EBF

Tints & Shades

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

Tints

#C889AA #D19EB9 #D9AFC6 #E2C1D2 #EAD2DF #F4E7EE

Shades

#B25C8A #9C4976 #803C61 #612E49 #452134 #2A141F

Use #BF789E in Our Tools

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