#BA4181

#BA4181

Color Values

HEX

#BA4181

RGB

186, 65, 129

HSL

328.3, 48.2%, 49.2%

HSV

328.3, 65.1%, 72.9%

CMYK

0.0%, 65.1%, 30.6%, 27.1%

OKLCH

0.5628 0.1684 351.2

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#BA4181

#41BA7A

Analogous

#B741BA

#BA4144

#BA4181

Triadic

#BA4181

#81BA41

#4181BA

Split Complementary

#BA4181

#44BA41

#41BAB7

Tetradic

#BA4181

#BAB741

#41BA7A

#4144BA

Color Blindness Simulation

Original

#BA4181

Protanopia

#868572

Deuteranopia

#8D966E

Tritanopia

#B46563

Achromatopsia

#5F5F5F

CSS Usage

background-color: #BA4181;
color: #BA4181;
border-color: #BA4181;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EDCADC
300
#DFA4C3
400
#CE73A3
500
#BD4283
600
#973569
700
#792A54
800
#5E2141
900
#451B32
950
#2C111F

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

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