#BA0CA9

#BA0CA9

Color Values

HEX

#BA0CA9

RGB

186, 12, 169

HSL

305.9, 87.9%, 38.8%

HSV

305.9, 93.5%, 72.9%

CMYK

0.0%, 93.5%, 9.1%, 27.1%

OKLCH

0.5461 0.2397 333.5

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA0CA9

#0CBA1D

Analogous

#740CBA

#BA0C52

#BA0CA9

Triadic

#BA0CA9

#A9BA0C

#0CA9BA

Split Complementary

#BA0CA9

#52BA0C

#0CBA74

Tetradic

#BA0CA9

#BA740C

#0CBA1D

#0C52BA

Color Blindness Simulation

Original

#BA0CA9

Protanopia

#6F6D83

Deuteranopia

#79867A

Tritanopia

#B1655E

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FBBCF5
300
#F88CED
400
#F44EE3
500
#F00FDA
600
#C00CAE
700
#990A8B
800
#78086D
900
#570A4F
950
#370632

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026