#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

Fev 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026