#BA45A3

#BA45A3

Color Values

HEX

#BA45A3

RGB

186, 69, 163

HSL

311.8, 45.9%, 50.0%

HSV

311.8, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 12.4%, 27.1%

OKLCH

0.5817 0.1844 336.2

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#BA45A3

#45BA5C

Analogous

#9745BA

#BA4568

#BA45A3

Triadic

#BA45A3

#A3BA45

#45A3BA

Split Complementary

#BA45A3

#68BA45

#45BA97

Tetradic

#BA45A3

#BA9745

#45BA5C

#4568BA

Color Blindness Simulation

Original

#BA45A3

Protanopia

#87868C

Deuteranopia

#8E9787

Tritanopia

#B47A76

Achromatopsia

#656565

CSS Usage

background-color: #BA45A3;
color: #BA45A3;
border-color: #BA45A3;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4F9
100
#F4E6F1
200
#ECCBE5
300
#DEA6D3
400
#CC75BB
500
#BA45A3
600
#953782
700
#772C68
800
#5D2252
900
#441C3D
950
#2B1226

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026