#BA71A1

#BA71A1

Color Values

HEX

#BA71A1

RGB

186, 113, 161

HSL

320.5, 34.6%, 58.6%

HSV

320.5, 39.2%, 72.9%

CMYK

0.0%, 39.2%, 13.4%, 27.1%

OKLCH

0.6426 0.1107 340.9

Properties

Warm Light Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#BA71A1

#71BA8A

Analogous

#AE71BA

#BA717C

#BA71A1

Triadic

#BA71A1

#A1BA71

#71A1BA

Split Complementary

#BA71A1

#7CBA71

#71BAAE

Tetradic

#BA71A1

#BAAE71

#71BA8A

#717CBA

Color Blindness Simulation

Original

#BA71A1

Protanopia

#9A9A95

Deuteranopia

#9FA493

Tritanopia

#B68C8A

Achromatopsia

#848484

CSS Usage

background-color: #BA71A1;
color: #BA71A1;
border-color: #BA71A1;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F8
100
#F2E8EF
200
#E8CFDF
300
#D7ADC9
400
#C180AB
500
#AC538D
600
#894371
700
#6E355B
800
#562A47
900
#402135
950
#281522

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.96:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026