#BA1AAD

#BA1AAD

Color Values

HEX

#BA1AAD

RGB

186, 26, 173

HSL

304.9, 75.5%, 41.6%

HSV

304.9, 86.0%, 72.9%

CMYK

0.0%, 86.0%, 7.0%, 27.1%

OKLCH

0.5533 0.2356 332.2

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BA1AAD

#1ABA27

Analogous

#771ABA

#BA1A5D

#BA1AAD

Triadic

#BA1AAD

#ADBA1A

#1AADBA

Split Complementary

#BA1AAD

#5DBA1A

#1ABA77

Tetradic

#BA1AAD

#BA771A

#1ABA27

#1A5DBA

Color Blindness Simulation

Original

#BA1AAD

Protanopia

#757389

Deuteranopia

#7E8A81

Tritanopia

#B26D67

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F7
200
#F6C0F2
300
#F094E8
400
#E859DC
500
#E01FD0
600
#B319A6
700
#8F1485
800
#701068
900
#51104C
950
#330A30

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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