#BAA7DC

#BAA7DC

Color Values

HEX

#BAA7DC

RGB

186, 167, 220

HSL

261.5, 43.1%, 75.9%

HSV

261.5, 24.1%, 86.3%

CMYK

15.5%, 24.1%, 0.0%, 13.7%

OKLCH

0.7628 0.0773 301.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BAA7DC

#C9DCA7

Analogous

#A7AFDC

#D5A7DC

#BAA7DC

Triadic

#BAA7DC

#DCBAA7

#A7DCBA

Split Complementary

#BAA7DC

#DCD5A7

#AFDCA7

Tetradic

#BAA7DC

#DCA7AF

#C9DCA7

#A7DCD5

Color Blindness Simulation

Original

#BAA7DC

Protanopia

#B2B2CF

Deuteranopia

#B3B4CC

Tritanopia

#B9C5C3

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EBE7F4
200
#D7CCEB
300
#BAA7DC
400
#9578C9
500
#7049B6
600
#5A3A92
700
#482E75
800
#38245B
900
#2B1E43
950
#1B132A

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.65:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026