#BB1163 Color

#BB1163 is rgb(187, 17, 99) in RGB and hsl(331, 83%, 40%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#BB1163

HEX#BB1163

RGBrgb(187, 17, 99)

HSLhsl(331, 83%, 40%)

HSVhsv(331, 91%, 73%)

OKLCHoklch(51.8% 0.202 0.3)

CMYKcmyk(0%, 91%, 47%, 27%)

Text Contrast & Accessibility

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

TextWhite text6.23:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#BB1163 Complementary#11BB69 Analogous#BB11B8 Analogous#BB1411 Triadic#63BB11 Triadic#1163BB

Tints & Shades

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

Tints

#E01577 #EC368E #F05CA3 #F381B8 #F7A6CD #FBD0E5

Shades

#A30F57 #8C0D4A #750B3E #59082F #410623 #2A0416

Use #BB1163 in Our Tools

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