#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026