#BA5C90

#BA5C90

Color Values

HEX

#BA5C90

RGB

186, 92, 144

HSL

326.8, 40.5%, 54.5%

HSV

326.8, 50.5%, 72.9%

CMYK

0.0%, 50.5%, 22.6%, 27.1%

OKLCH

0.6035 0.1354 347.6

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BA5C90

#5CBA86

Analogous

#B55CBA

#BA5C61

#BA5C90

Triadic

#BA5C90

#90BA5C

#5C90BA

Split Complementary

#BA5C90

#61BA5C

#5CBAB5

Tetradic

#BA5C90

#BAB55C

#5CBA86

#5C61BA

Color Blindness Simulation

Original

#BA5C90

Protanopia

#919083

Deuteranopia

#979E80

Tritanopia

#B57977

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EE
200
#EACDDD
300
#DBA9C4
400
#C77AA5
500
#B34C85
600
#8F3D6A
700
#733155
800
#5A2643
900
#421F32
950
#2A1320

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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