#BA45AE Color

#BA45AE is rgb(186, 69, 174) in RGB and hsl(306, 46%, 50%) in HSL. The closest CSS named color is MediumOrchid. White text is most readable on this background.

#BA45AE

HEX#BA45AE

RGBrgb(186, 69, 174)

HSLhsl(306, 46%, 50%)

HSVhsv(306, 63%, 73%)

OKLCHoklch(58.7% 0.193 332)

CMYKcmyk(0%, 63%, 6%, 27%)

Text Contrast & Accessibility

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

TextWhite text4.62:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#BA45AE Complementary#45BA51 Analogous#8B45BA Analogous#BA4574 Triadic#AEBA45 Triadic#45AEBA

Tints & Shades

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

Tints

#C45FBA #CD79C5 #D793D0 #DFA9DA #E9C3E5 #F3DDF0

Shades

#A03B96 #8A3381 #702969 #592154 #3F173B #290F26

Use #BA45AE in Our Tools

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