#BA3D77

#BA3D77

Color Values

HEX

#BA3D77

RGB

186, 61, 119

HSL

332.2, 50.6%, 48.4%

HSV

332.2, 67.2%, 72.9%

CMYK

0.0%, 67.2%, 36.0%, 27.1%

OKLCH

0.5548 0.1691 355.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BA3D77

#3DBA80

Analogous

#BA3DB5

#BA423D

#BA3D77

Triadic

#BA3D77

#77BA3D

#3D77BA

Split Complementary

#BA3D77

#3DBA42

#3DB5BA

Tetradic

#BA3D77

#B5BA3D

#3DBA80

#423DBA

Color Blindness Simulation

Original

#BA3D77

Protanopia

#848369

Deuteranopia

#8B9466

Tritanopia

#B45E5B

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EDC9DA
300
#E1A3C0
400
#D0719D
500
#C03F7B
600
#9A3262
700
#7B284F
800
#601F3D
900
#471A2F
950
#2D111E

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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