#BA1AB6

#BA1AB6

Color Values

HEX

#BA1AB6

RGB

186, 26, 182

HSL

301.5, 75.5%, 41.6%

HSV

301.5, 86.0%, 72.9%

CMYK

0.0%, 86.0%, 2.2%, 27.1%

OKLCH

0.5585 0.2417 329.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA1AB6

#1ABA1E

Analogous

#6E1ABA

#BA1A66

#BA1AB6

Triadic

#BA1AB6

#B6BA1A

#1AB6BA

Split Complementary

#BA1AB6

#66BA1A

#1ABA6E

Tetradic

#BA1AB6

#BA6E1A

#1ABA1E

#1A66BA

Color Blindness Simulation

Original

#BA1AB6

Protanopia

#757390

Deuteranopia

#7E8A87

Tritanopia

#B2726C

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F8
200
#F6C0F5
300
#F094EE
400
#E859E4
500
#E01FDB
600
#B319AF
700
#8F148C
800
#70106D
900
#511050
950
#330A32

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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