#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026