#BA3DAC

#BA3DAC

Color Values

HEX

#BA3DAC

RGB

186, 61, 172

HSL

306,7, 50,6%, 48,4%

HSV

306,7, 67,2%, 72,9%

CMYK

0,0%, 67,2%, 7,5%, 27,1%

OKLCH

0,5778 0,2019 332,7

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA3DAC

#3DBA4B

Analogous

#893DBA

#BA3D6D

#BA3DAC

Triadic

#BA3DAC

#ACBA3D

#3DACBA

Split Complementary

#BA3DAC

#6DBA3D

#3DBA89

Tetradic

#BA3DAC

#BA893D

#3DBA4B

#3D6DBA

Color Blindness Simulation

Original

#BA3DAC

Protanopia

#848391

Deuteranopia

#8B948B

Tritanopia

#B47C77

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EDC9E9
300
#E1A3DA
400
#D071C6
500
#C03FB2
600
#9A328E
700
#7B2872
800
#601F59
900
#471A42
950
#2D1129

Contrast Checker

Text on white

4,83:1

AA Pass AAA Fail

Text on black

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