#BF787F Color

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

#BF787F

HEX#BF787F

RGBrgb(191, 120, 127)

HSLhsl(354, 36%, 61%)

HSVhsv(354, 37%, 75%)

OKLCHoklch(65% 0.089 13.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BF787F Complementary#78BFB8 Analogous#BF78A3 Analogous#BF9478 Triadic#7FBF78 Triadic#787FBF

Tints & Shades

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

Tints

#C8898F #D19EA3 #D9AFB3 #E2C1C4 #EAD2D4 #F4E7E8

Shades

#B25C65 #9C4952 #803C43 #612E33 #452124 #2A1416

Use #BF787F in Our Tools

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