#BB869A Color

#BB869A is rgb(187, 134, 154) in RGB and hsl(337, 28%, 63%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#BB869A

HEX#BB869A

RGBrgb(187, 134, 154)

HSLhsl(337, 28%, 63%)

HSVhsv(337, 28%, 73%)

OKLCHoklch(67.8% 0.07 354.7)

CMYKcmyk(0%, 28%, 18%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB869A Complementary#86BBA7 Analogous#BB86B5 Analogous#BB8C86 Triadic#9ABB86 Triadic#869ABB

Tints & Shades

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

Tints

#C497A8 #CDA7B6 #D7B7C3 #E0C8D1 #E9D8DE #F2E8EC

Shades

#AC6C85 #96546E #7C465B #5F3545 #452732 #27161D

Use #BB869A in Our Tools

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