#BA5C91

#BA5C91

Color Values

HEX

#BA5C91

RGB

186, 92, 145

HSL

326.2, 40.5%, 54.5%

HSV

326.2, 50.5%, 72.9%

CMYK

0.0%, 50.5%, 22.0%, 27.1%

OKLCH

0.6039 0.136 347.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BA5C91

#5CBA85

Analogous

#B45CBA

#BA5C62

#BA5C91

Triadic

#BA5C91

#91BA5C

#5C91BA

Split Complementary

#BA5C91

#62BA5C

#5CBAB4

Tetradic

#BA5C91

#BAB45C

#5CBA85

#5C62BA

Color Blindness Simulation

Original

#BA5C91

Protanopia

#919084

Deuteranopia

#979E81

Tritanopia

#B57A78

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDD
300
#DBA9C5
400
#C77AA5
500
#B34C86
600
#8F3D6B
700
#733156
800
#5A2643
900
#421F33
950
#2A1320

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.03:1

AA Pass 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