#BB77B5 Color

#BB77B5 is rgb(187, 119, 181) in RGB and hsl(305, 33%, 60%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#BB77B5

HEX#BB77B5

RGBrgb(187, 119, 181)

HSLhsl(305, 33%, 60%)

HSVhsv(305, 36%, 73%)

OKLCHoklch(66.2% 0.118 330)

CMYKcmyk(0%, 36%, 3%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB77B5 Complementary#77BB7D Analogous#9F77BB Analogous#BB7793 Triadic#B5BB77 Triadic#77B5BB

Tints & Shades

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

Tints

#C388BE #CD9DC9 #D6AED3 #E0C2DE #E9D3E7 #F3E7F2

Shades

#AD5CA6 #954B8F #7A3E75 #5F305B #442241 #291527

Use #BB77B5 in Our Tools

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