#B42DA2 Color

#B42DA2 is rgb(180, 45, 162) in RGB and hsl(308, 60%, 44%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#B42DA2

HEX#B42DA2

RGBrgb(180, 45, 162)

HSLhsl(308, 60%, 44%)

HSVhsv(308, 75%, 71%)

OKLCHoklch(54.9% 0.21 334.1)

CMYKcmyk(0%, 75%, 10%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B42DA2 Complementary#2DB43F Analogous#822DB4 Analogous#B42D5E Triadic#A2B42D Triadic#2DA2B4

Tints & Shades

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

Tints

#CE3BBA #D558C4 #DD78D0 #E699DB #EEBAE7 #F5D6F1

Shades

#9B278C #872279 #6E1C63 #56154D #3D0F37 #290A25

Use #B42DA2 in Our Tools

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