#B84281 Color

#B84281 is rgb(184, 66, 129) in RGB and hsl(328, 47%, 49%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#B84281

HEX#B84281

RGBrgb(184, 66, 129)

HSLhsl(328, 47%, 49%)

HSVhsv(328, 64%, 72%)

OKLCHoklch(56.1% 0.165 350.7)

CMYKcmyk(0%, 64%, 30%, 28%)

Text Contrast & Accessibility

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

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

TextBlack text4.13:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#B84281 Complementary#42B879 Analogous#B442B8 Analogous#B84246 Triadic#81B842 Triadic#4281B8

Tints & Shades

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

Tints

#C45A92 #CD74A4 #D68FB5 #E0A9C6 #E9C3D7 #F3DDE9

Shades

#A13A71 #87315F #70294F #561F3C #40172D #250E1A

Use #B84281 in Our Tools

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