#BA2174

#BA2174

Color Values

HEX

#BA2174

RGB

186, 33, 116

HSL

327.5, 69.9%, 42.9%

HSV

327.5, 82.3%, 72.9%

CMYK

0.0%, 82.3%, 37.6%, 27.1%

OKLCH

0.53 0.1977 353.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA2174

#21BA67

Analogous

#B321BA

#BA2127

#BA2174

Triadic

#BA2174

#74BA21

#2174BA

Split Complementary

#BA2174

#27BA21

#21BAB3

Tetradic

#BA2174

#BAB321

#21BA67

#2127BA

Color Blindness Simulation

Original

#BA2174

Protanopia

#787660

Deuteranopia

#818C5B

Tritanopia

#B2504D

Achromatopsia

#484848

CSS Usage

background-color: #BA2174;
color: #BA2174;
border-color: #BA2174;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F8
100
#F8E3EE
200
#F4C2DD
300
#ED97C5
400
#E35FA6
500
#D92687
600
#AD1F6C
700
#8B1956
800
#6C1343
900
#4F1233
950
#320B20

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026