#B54098 Color

#B54098 is rgb(181, 64, 152) in RGB and hsl(315, 48%, 48%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#B54098

HEX#B54098

RGBrgb(181, 64, 152)

HSLhsl(315, 48%, 48%)

HSVhsv(315, 65%, 71%)

OKLCHoklch(56.4% 0.18 338.9)

CMYKcmyk(0%, 65%, 16%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B54098 Complementary#40B55D Analogous#9840B5 Analogous#B5405D Triadic#98B540 Triadic#4098B5

Tints & Shades

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

Tints

#C355A8 #CD70B5 #D68AC3 #E1A8D2 #EAC3E0 #F3DDEE

Shades

#9F3885 #842E6F #6D265C #571E49 #401736 #260D20

Use #B54098 in Our Tools

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