#BA4082

#BA4082

Color Values

HEX

#BA4082

RGB

186, 64, 130

HSL

327.5, 48.8%, 49.0%

HSV

327.5, 65.6%, 72.9%

CMYK

0.0%, 65.6%, 30.1%, 27.1%

OKLCH

0.5621 0.1703 350.5

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#BA4082

#40BA78

Analogous

#B540BA

#BA4045

#BA4082

Triadic

#BA4082

#82BA40

#4082BA

Split Complementary

#BA4082

#45BA40

#40BAB5

Tetradic

#BA4082

#BAB540

#40BA78

#4045BA

Color Blindness Simulation

Original

#BA4082

Protanopia

#858472

Deuteranopia

#8C956E

Tritanopia

#B46563

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDCADD
300
#E0A4C4
400
#CF73A4
500
#BE4185
600
#98346A
700
#792A55
800
#5F2142
900
#461B32
950
#2C1120

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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