#BA8BAA

#BA8BAA

Color Values

HEX

#BA8BAA

RGB

186, 139, 170

HSL

320.4, 25.4%, 63.7%

HSV

320.4, 25.3%, 72.9%

CMYK

0.0%, 25.3%, 8.6%, 27.1%

OKLCH

0.6915 0.0706 339.5

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#BA8BAA

#8BBA9B

Analogous

#B28BBA

#BA8B92

#BA8BAA

Triadic

#BA8BAA

#AABA8B

#8BAABA

Split Complementary

#BA8BAA

#92BA8B

#8BBAB2

Tetradic

#BA8BAA

#BAB28B

#8BBA9B

#8B92BA

Color Blindness Simulation

Original

#BA8BAA

Protanopia

#A6A5A3

Deuteranopia

#A8ACA1

Tritanopia

#B89D9B

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D2DE
300
#D1B2C7
400
#B989A8
500
#A05F8A
600
#804C6E
700
#663D58
800
#503045
900
#3C2534
950
#261821

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.36:1

AA Pass AAA Pass

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