#BB2A58 Color

#BB2A58 is rgb(187, 42, 88) in RGB and hsl(341, 63%, 45%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#BB2A58

HEX#BB2A58

RGBrgb(187, 42, 88)

HSLhsl(341, 63%, 45%)

HSVhsv(341, 78%, 73%)

OKLCHoklch(52.9% 0.182 7.6)

CMYKcmyk(0%, 78%, 53%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB2A58 Complementary#2ABB8D Analogous#BB2AA1 Analogous#BB452A Triadic#58BB2A Triadic#2A58BB

Tints & Shades

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

Tints

#D33C6B #D95981 #E17A9B #E797B1 #EFB8CA #F6D5E0

Shades

#A2254C #891F41 #701935 #5B152B #430F1F #2A0914

Use #BB2A58 in Our Tools

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