#BA2976

#BA2976

Color Values

HEX

#BA2976

RGB

186, 41, 118

HSL

328.1, 63.9%, 44.5%

HSV

328.1, 78.0%, 72.9%

CMYK

0.0%, 78.0%, 36.6%, 27.1%

OKLCH

0.5362 0.1915 353.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA2976

#29BA6D

Analogous

#B529BA

#BA292E

#BA2976

Triadic

#BA2976

#76BA29

#2976BA

Split Complementary

#BA2976

#2EBA29

#29BAB5

Tetradic

#BA2976

#BAB529

#29BA6D

#292EBA

Color Blindness Simulation

Original

#BA2976

Protanopia

#7B7A63

Deuteranopia

#848E5F

Tritanopia

#B35551

Achromatopsia

#4D4D4D

CSS Usage

background-color: #BA2976;
color: #BA2976;
border-color: #BA2976;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F2C4DD
300
#E99BC4
400
#DD64A4
500
#D12E85
600
#A7256A
700
#861D55
800
#681742
900
#4C1532
950
#300D20

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026