#BA346D

#BA346D

Color Values

HEX

#BA346D

RGB

186, 52, 109

HSL

334.5, 56.3%, 46.7%

HSV

334.5, 72.0%, 72.9%

CMYK

0.0%, 72.0%, 41.4%, 27.1%

OKLCH

0.5424 0.1762 359.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA346D

#34BA81

Analogous

#BA34B0

#BA3E34

#BA346D

Triadic

#BA346D

#6DBA34

#346DBA

Split Complementary

#BA346D

#34BA3E

#34B0BA

Tetradic

#BA346D

#B0BA34

#34BA81

#3E34BA

Color Blindness Simulation

Original

#BA346D

Protanopia

#807F5F

Deuteranopia

#88925C

Tritanopia

#B35452

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5EC
200
#EFC7D8
300
#E49FBD
400
#D66C99
500
#C73875
600
#9F2D5D
700
#80244B
800
#641C3A
900
#49182D
950
#2E0F1C

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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