#BA4599

#BA4599

Color Values

HEX

#BA4599

RGB

186, 69, 153

HSL

316.9, 45.9%, 50.0%

HSV

316.9, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 17.7%, 27.1%

OKLCH

0.5772 0.1773 340.4

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#BA4599

#45BA66

Analogous

#A045BA

#BA455F

#BA4599

Triadic

#BA4599

#99BA45

#4599BA

Split Complementary

#BA4599

#5FBA45

#45BAA0

Tetradic

#BA4599

#BAA045

#45BA66

#455FBA

Color Blindness Simulation

Original

#BA4599

Protanopia

#878685

Deuteranopia

#8E9780

Tritanopia

#B47571

Achromatopsia

#646464

CSS Usage

background-color: #BA4599;
color: #BA4599;
border-color: #BA4599;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F9
100
#F4E6F0
200
#ECCBE2
300
#DEA6CE
400
#CC75B4
500
#BA4599
600
#95377A
700
#772C62
800
#5D224D
900
#441C39
950
#2B1224

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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