#BA2FAF

#BA2FAF

Color Values

HEX

#BA2FAF

RGB

186, 47, 175

HSL

304.7, 59.7%, 45.7%

HSV

304.7, 74.7%, 72.9%

CMYK

0.0%, 74.7%, 5.9%, 27.1%

OKLCH

0.5671 0.22 331.6

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA2FAF

#2FBA3A

Analogous

#7F2FBA

#BA2F6A

#BA2FAF

Triadic

#BA2FAF

#AFBA2F

#2FAFBA

Split Complementary

#BA2FAF

#6ABA2F

#2FBA7F

Tetradic

#BA2FAF

#BA7F2F

#2FBA3A

#2F6ABA

Color Blindness Simulation

Original

#BA2FAF

Protanopia

#7E7D90

Deuteranopia

#869089

Tritanopia

#B37872

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F5
200
#F1C6ED
300
#E69DE1
400
#D968D0
500
#CC33C0
600
#A32999
700
#82217B
800
#661A60
900
#4A1646
950
#2F0E2C

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

4.11: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