#BA1DB8

#BA1DB8

Color Values

HEX

#BA1DB8

RGB

186, 29, 184

HSL

300.8, 73.0%, 42.2%

HSV

300.8, 84.4%, 72.9%

CMYK

0.0%, 84.4%, 1.1%, 27.1%

OKLCH

0.5611 0.2413 328.8

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA1DB8

#1DBA1F

Analogous

#6E1DBA

#BA1D6A

#BA1DB8

Triadic

#BA1DB8

#B8BA1D

#1DB8BA

Split Complementary

#BA1DB8

#6ABA1D

#1DBA6E

Tetradic

#BA1DB8

#BA6E1D

#1DBA1F

#1D6ABA

Color Blindness Simulation

Original

#BA1DB8

Protanopia

#767593

Deuteranopia

#7F8B89

Tritanopia

#B2756E

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C1F5
300
#EE95ED
400
#E65CE4
500
#DD22DA
600
#B01CAE
700
#8D168C
800
#6E116D
900
#50114F
950
#330A32

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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