#BA5AC2

#BA5AC2

Color Values

HEX

#BA5AC2

RGB

186, 90, 194

HSL

295.4, 46.0%, 55.7%

HSV

295.4, 53.6%, 76.1%

CMYK

4.1%, 53.6%, 0.0%, 23.9%

OKLCH

0.6228 0.1789 324.5

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BA5AC2

#62C25A

Analogous

#865AC2

#C25A96

#BA5AC2

Triadic

#BA5AC2

#C2BA5A

#5AC2BA

Split Complementary

#BA5AC2

#96C25A

#5AC286

Tetradic

#BA5AC2

#C2865A

#62C25A

#5A96C2

Color Blindness Simulation

Original

#BA5AC2

Protanopia

#9090A9

Deuteranopia

#969DA3

Tritanopia

#B59591

Achromatopsia

#767676

CSS Usage

background-color: #BA5AC2;
color: #BA5AC2;
border-color: #BA5AC2;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#E9CBEC
300
#DAA6DE
400
#C575CC
500
#B145BA
600
#8E3795
700
#712C77
800
#59225D
900
#411C45
950
#29122B

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.33:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026