#BAA2E2

#BAA2E2

Color Values

HEX

#BAA2E2

RGB

186, 162, 226

HSL

262.5, 52.5%, 76.1%

HSV

262.5, 28.3%, 88.6%

CMYK

17.7%, 28.3%, 0.0%, 11.4%

OKLCH

0.7558 0.0936 301.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BAA2E2

#CAE2A2

Analogous

#A2AAE2

#DAA2E2

#BAA2E2

Triadic

#BAA2E2

#E2BAA2

#A2E2BA

Split Complementary

#BAA2E2

#E2DAA2

#AAE2A2

Tetradic

#BAA2E2

#E2A2AA

#CAE2A2

#A2E2DA

Color Blindness Simulation

Original

#BAA2E2

Protanopia

#B0AFD3

Deuteranopia

#B1B3CF

Tritanopia

#B9C6C4

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EBE5F5
200
#D7C9EE
300
#BAA2E2
400
#946FD2
500
#6F3DC2
600
#59309C
700
#47277C
800
#371E61
900
#2B1A47
950
#1B102D

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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