#B52677 Color

#B52677 is rgb(181, 38, 119) in RGB and hsl(326, 65%, 43%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#B52677

HEX#B52677

RGBrgb(181, 38, 119)

HSLhsl(326, 65%, 43%)

HSVhsv(326, 79%, 71%)

OKLCHoklch(52.6% 0.191 351.5)

CMYKcmyk(0%, 79%, 34%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B52677 Complementary#26B564 Analogous#AB26B5 Analogous#B52630 Triadic#77B526 Triadic#2677B5

Tints & Shades

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

Tints

#D3318D #DA52A0 #E274B2 #E892C2 #EFB3D5 #F6D5E8

Shades

#9C2167 #871D59 #6D1748 #58133A #3F0D2A #2A091C

Use #B52677 in Our Tools

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