#BA4575

#BA4575

Color Values

HEX

#BA4575

RGB

186, 69, 117

HSL

335.4, 45.9%, 50.0%

HSV

335.4, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 37.1%, 27.1%

OKLCH

0.5633 0.1575 358.0

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA4575

#45BA8A

Analogous

#BA45AF

#BA5045

#BA4575

Triadic

#BA4575

#75BA45

#4575BA

Split Complementary

#BA4575

#45BA50

#45AFBA

Tetradic

#BA4575

#AFBA45

#45BA8A

#5045BA

Color Blindness Simulation

Original

#BA4575

Protanopia

#878669

Deuteranopia

#8E9767

Tritanopia

#B4605E

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BD
400
#CC7599
500
#BA4575
600
#95375E
700
#772C4B
800
#5D223A
900
#441C2D
950
#2B121C

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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