#BA5FC4 Color

#BA5FC4 is rgb(186, 95, 196) in RGB and hsl(294, 46%, 57%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#BA5FC4

HEX#BA5FC4

RGBrgb(186, 95, 196)

HSLhsl(294, 46%, 57%)

HSVhsv(294, 52%, 77%)

OKLCHoklch(63.1% 0.173 323.5)

CMYKcmyk(5%, 52%, 0%, 23%)

Text Contrast & Accessibility

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

TextWhite text3.8:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.52:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BA5FC4 Complementary#69C45F Analogous#875FC4 Analogous#C45F9B Triadic#C4BA5F Triadic#5FC4BA

Tints & Shades

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

Tints

#C375CC #CD8CD4 #D7A2DD #DFB5E3 #E8CBEC #F2E1F4

Shades

#AB43B6 #933A9C #772F7F #5E2565 #421A47 #2A112D

Use #BA5FC4 in Our Tools

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