#BA1286

#BA1286

Color Values

HEX

#BA1286

RGB

186, 18, 134

HSL

318.6, 82.4%, 40.0%

HSV

318.6, 90.3%, 72.9%

CMYK

0.0%, 90.3%, 28.0%, 27.1%

OKLCH

0.5302 0.2163 345.8

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#BA1286

#12BA46

Analogous

#9A12BA

#BA1232

#BA1286

Triadic

#BA1286

#86BA12

#1286BA

Split Complementary

#BA1286

#32BA12

#12BA9A

Tetradic

#BA1286

#BA9A12

#12BA46

#1232BA

Color Blindness Simulation

Original

#BA1286

Protanopia

#71706A

Deuteranopia

#7B8863

Tritanopia

#B2544F

Achromatopsia

#3E3E3E

CSS Usage

background-color: #BA1286;
color: #BA1286;
border-color: #BA1286;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F9
100
#FAE1F2
200
#F9BEE6
300
#F48FD5
400
#EE53BE
500
#E916A7
600
#BA1286
700
#950E6B
800
#740B54
900
#540D3E
950
#350827

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026