#BA1DAC

#BA1DAC

Color Values

HEX

#BA1DAC

RGB

186, 29, 172

HSL

305.4, 73.0%, 42.2%

HSV

305.4, 84.4%, 72.9%

CMYK

0.0%, 84.4%, 7.5%, 27.1%

OKLCH

0.5541 0.2331 332.5

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA1DAC

#1DBA2B

Analogous

#7A1DBA

#BA1D5D

#BA1DAC

Triadic

#BA1DAC

#ACBA1D

#1DACBA

Split Complementary

#BA1DAC

#5DBA1D

#1DBA7A

Tetradic

#BA1DAC

#BA7A1D

#1DBA2B

#1D5DBA

Color Blindness Simulation

Original

#BA1DAC

Protanopia

#767589

Deuteranopia

#7F8B81

Tritanopia

#B26E68

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C1F1
300
#EE95E6
400
#E65CD9
500
#DD22CC
600
#B01CA3
700
#8D1682
800
#6E1166
900
#50114B
950
#330A2F

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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