#BB356F Color

#BB356F is rgb(187, 53, 111) in RGB and hsl(334, 56%, 47%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BB356F

HEX#BB356F

RGBrgb(187, 53, 111)

HSLhsl(334, 56%, 47%)

HSVhsv(334, 72%, 73%)

OKLCHoklch(54.6% 0.177 358.4)

CMYKcmyk(0%, 72%, 41%, 27%)

Text Contrast & Accessibility

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

TextWhite text5.45:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.85:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#BB356F Complementary#35BB81 Analogous#BB35B2 Analogous#BB3E35 Triadic#6FBB35 Triadic#356FBB

Tints & Shades

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

Tints

#CB4881 #D46897 #DC84AA #E4A0BD #ECBBD0 #F5DBE6

Shades

#A32E61 #8B2753 #732144 #581934 #401226 #280B18

Use #BB356F in Our Tools

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