#BA0CAA

#BA0CAA

Color Values

HEX

#BA0CAA

RGB

186, 12, 170

HSL

305.5, 87.9%, 38.8%

HSV

305.5, 93.5%, 72.9%

CMYK

0.0%, 93.5%, 8.6%, 27.1%

OKLCH

0.5467 0.2403 333.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA0CAA

#0CBA1C

Analogous

#730CBA

#BA0C53

#BA0CAA

Triadic

#BA0CAA

#AABA0C

#0CAABA

Split Complementary

#BA0CAA

#53BA0C

#0CBA73

Tetradic

#BA0CAA

#BA730C

#0CBA1C

#0C53BA

Color Blindness Simulation

Original

#BA0CAA

Protanopia

#6F6D84

Deuteranopia

#79867B

Tritanopia

#B1665F

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FBBCF5
300
#F88CEE
400
#F44EE4
500
#F00FDB
600
#C00CAF
700
#990A8C
800
#78086E
900
#570A50
950
#370632

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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