#BA3AC5

#BA3AC5

Color Values

HEX

#BA3AC5

RGB

186, 58, 197

HSL

295,3, 54,5%, 50,0%

HSV

295,3, 70,6%, 77,3%

CMYK

5,6%, 70,6%, 0,0%, 22,7%

OKLCH

0,5887 0,2251 324,5

Properties

Cool Dark Nearest: mediumorchid

Color Harmonies

Complementary

#BA3AC5

#45C53A

Analogous

#753AC5

#C53A8A

#BA3AC5

Triadic

#BA3AC5

#C5BA3A

#3AC5BA

Split Complementary

#BA3AC5

#8AC53A

#3AC575

Tetradic

#BA3AC5

#C5753A

#45C53A

#3A8AC5

Color Blindness Simulation

Original

#BA3AC5

Protanopia

#8381A3

Deuteranopia

#8A949B

Tritanopia

#B48983

Achromatopsia

#5F5F5F

CSS Usage

background-color: #BA3AC5;
color: #BA3AC5;
border-color: #BA3AC5;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC8EF
300
#DEA0E3
400
#CC6DD4
500
#BA3AC5
600
#952E9E
700
#77257E
800
#5D1D62
900
#441948
950
#2B102E

Contrast Checker

Text on white

4,67:1

AA Pass AAA Fail

Text on black

4,5:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026