#BA3776

#BA3776

Color Values

HEX

#BA3776

RGB

186, 55, 118

HSL

331.1, 54.4%, 47.3%

HSV

331.1, 70.4%, 72.9%

CMYK

0.0%, 70.4%, 36.6%, 27.1%

OKLCH

0.5483 0.1762 355.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA3776

#37BA7B

Analogous

#BA37B8

#BA3937

#BA3776

Triadic

#BA3776

#76BA37

#3776BA

Split Complementary

#BA3776

#37BA39

#37B8BA

Tetradic

#BA3776

#B8BA37

#37BA7B

#3937BA

Color Blindness Simulation

Original

#BA3776

Protanopia

#818067

Deuteranopia

#899363

Tritanopia

#B35B58

Achromatopsia

#575757

CSS Usage

background-color: #BA3776;
color: #BA3776;
border-color: #BA3776;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EFC8DB
300
#E3A1C1
400
#D46D9F
500
#C53A7D
600
#9D2F64
700
#7E2550
800
#621D3E
900
#481930
950
#2E101E

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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