#BA3F7C

#BA3F7C

Color Values

HEX

#BA3F7C

RGB

186, 63, 124

HSL

330.2, 49.4%, 48.8%

HSV

330.2, 66.1%, 72.9%

CMYK

0.0%, 66.1%, 33.3%, 27.1%

OKLCH

0.5588 0.1687 353.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA3F7C

#3FBA7D

Analogous

#BA3FBA

#BA3F3F

#BA3F7C

Triadic

#BA3F7C

#7CBA3F

#3F7CBA

Split Complementary

#BA3F7C

#3FBA3F

#3FBABA

Tetradic

#BA3F7C

#BABA3F

#3FBA7D

#3F3FBA

Color Blindness Simulation

Original

#BA3F7C

Protanopia

#85846D

Deuteranopia

#8C956A

Tritanopia

#B4625F

Achromatopsia

#5E5E5E

CSS Usage

background-color: #BA3F7C;
color: #BA3F7C;
border-color: #BA3F7C;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADB
300
#E0A4C2
400
#CF72A0
500
#BE417F
600
#983466
700
#7A2951
800
#5F2040
900
#461B30
950
#2C111F

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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