#BA3FAC

#BA3FAC

Color Values

HEX

#BA3FAC

RGB

186, 63, 172

HSL

306,8, 49,4%, 48,8%

HSV

306,8, 66,1%, 72,9%

CMYK

0,0%, 66,1%, 7,5%, 27,1%

OKLCH

0,5798 0,1993 332,7

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#BA3FAC

#3FBA4D

Analogous

#8A3FBA

#BA3F6F

#BA3FAC

Triadic

#BA3FAC

#ACBA3F

#3FACBA

Split Complementary

#BA3FAC

#6FBA3F

#3FBA8A

Tetradic

#BA3FAC

#BA8A3F

#3FBA4D

#3F6FBA

Color Blindness Simulation

Original

#BA3FAC

Protanopia

#858492

Deuteranopia

#8C958B

Tritanopia

#B47D78

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE9
300
#E0A4D9
400
#CF72C5
500
#BE41B0
600
#98348D
700
#7A2971
800
#5F2058
900
#461B41
950
#2C1129

Contrast Checker

Text on white

4,78:1

AA Pass AAA Fail

Text on black

4,39: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