#BA3C7D

#BA3C7D

Color Values

HEX

#BA3C7D

RGB

186, 60, 125

HSL

329.0, 51.2%, 48.2%

HSV

329.0, 67.7%, 72.9%

CMYK

0.0%, 67.7%, 32.8%, 27.1%

OKLCH

0.5559 0.1731 352.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA3C7D

#3CBA79

Analogous

#B83CBA

#BA3C3E

#BA3C7D

Triadic

#BA3C7D

#7DBA3C

#3C7DBA

Split Complementary

#BA3C7D

#3EBA3C

#3CBAB8

Tetradic

#BA3C7D

#BAB83C

#3CBA79

#3C3EBA

Color Blindness Simulation

Original

#BA3C7D

Protanopia

#83826D

Deuteranopia

#8B946A

Tritanopia

#B4615E

Achromatopsia

#5B5B5B

CSS Usage

background-color: #BA3C7D;
color: #BA3C7D;
border-color: #BA3C7D;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EEC9DC
300
#E1A2C3
400
#D170A2
500
#C13E82
600
#9A3268
700
#7B2853
800
#601F41
900
#471A31
950
#2D101F

Contrast Checker

Text on white

5.21:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026