#BB728E Color

#BB728E is rgb(187, 114, 142) in RGB and hsl(337, 35%, 59%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#BB728E

HEX#BB728E

RGBrgb(187, 114, 142)

HSLhsl(337, 35%, 59%)

HSVhsv(337, 39%, 73%)

OKLCHoklch(63.9% 0.098 355.7)

CMYKcmyk(0%, 39%, 24%, 27%)

Text Contrast & Accessibility

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

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

TextBlack text5.91:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BB728E Complementary#72BB9F Analogous#BB72B3 Analogous#BB7A72 Triadic#8EBB72 Triadic#728EBB

Tints & Shades

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

Tints

#C5879E #CD98AC #D7ACBD #E0BECB #E9D2DB #F2E3E9

Shades

#AE5678 #944765 #783A52 #602E42 #45212F #29141C

Use #BB728E in Our Tools

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