#BA2DB6

#BA2DB6

Color Values

HEX

#BA2DB6

RGB

186, 45, 182

HSL

301.7, 61.0%, 45.3%

HSV

301.7, 75.8%, 72.9%

CMYK

0.0%, 75.8%, 2.2%, 27.1%

OKLCH

0.5695 0.2271 329.3

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BA2DB6

#2DBA31

Analogous

#782DBA

#BA2D70

#BA2DB6

Triadic

#BA2DB6

#B6BA2D

#2DB6BA

Split Complementary

#BA2DB6

#70BA2D

#2DBA78

Tetradic

#BA2DB6

#BA782D

#2DBA31

#2D70BA

Color Blindness Simulation

Original

#BA2DB6

Protanopia

#7D7C95

Deuteranopia

#85908D

Tritanopia

#B37B75

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F1C6F0
300
#E79CE5
400
#DA67D7
500
#CD32C9
600
#A428A1
700
#832081
800
#671964
900
#4B164A
950
#2F0E2E

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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