#BA97CA

#BA97CA

Color Values

HEX

#BA97CA

RGB

186, 151, 202

HSL

281,2, 32,5%, 69,2%

HSV

281,2, 25,2%, 79,2%

CMYK

7,9%, 25,2%, 0,0%, 20,8%

OKLCH

0,7256 0,0819 315,1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA97CA

#A7CA97

Analogous

#A097CA

#CA97C0

#BA97CA

Triadic

#BA97CA

#CABA97

#97CABA

Split Complementary

#BA97CA

#C0CA97

#97CAA0

Tetradic

#BA97CA

#CAA097

#A7CA97

#97C0CA

Color Blindness Simulation

Original

#BA97CA

Protanopia

#ABABBE

Deuteranopia

#ADB0BB

Tritanopia

#B8B4B2

Achromatopsia

#A2A2A2

CSS Usage

background-color: #BA97CA;
color: #BA97CA;
border-color: #BA97CA;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E7
300
#C9AED6
400
#AC82BF
500
#8F56A9
600
#724587
700
#5C376C
800
#472B54
900
#36223F
950
#221628

Contrast Checker

Text on white

2,51:1

AA Fail AAA Fail

Text on black

8,37:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026