#B21064 Color

#B21064 is rgb(178, 16, 100) in RGB and hsl(329, 84%, 38%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#B21064

HEX#B21064

RGBrgb(178, 16, 100)

HSLhsl(329, 84%, 38%)

HSVhsv(329, 91%, 70%)

OKLCHoklch(50.2% 0.197 357.6)

CMYKcmyk(0%, 91%, 44%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B21064 Complementary#10B25E Analogous#B010B2 Analogous#B21012 Triadic#64B210 Triadic#1064B2

Tints & Shades

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

Tints

#DD137B #ED2C8F #F056A6 #F47CBA #F7A6D0 #FBCBE4

Shades

#9B0D57 #830B49 #6C093C #590832 #420625 #2A0418

Use #B21064 in Our Tools

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