#BA9EE6

#BA9EE6

Color Values

HEX

#BA9EE6

RGB

186, 158, 230

HSL

263.3, 59.0%, 76.1%

HSV

263.3, 31.3%, 90.2%

CMYK

19.1%, 31.3%, 0.0%, 9.8%

OKLCH

0.7501 0.1055 301.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA9EE6

#CAE69E

Analogous

#9EA6E6

#DE9EE6

#BA9EE6

Triadic

#BA9EE6

#E6BA9E

#9EE6BA

Split Complementary

#BA9EE6

#E6DE9E

#A6E69E

Tetradic

#BA9EE6

#E69EA6

#CAE69E

#9EE6DE

Color Blindness Simulation

Original

#BA9EE6

Protanopia

#AEAED5

Deuteranopia

#B0B2D0

Tritanopia

#B9C7C4

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EBE4F6
200
#D7C6F0
300
#BA9EE6
400
#9469D8
500
#6F34CB
600
#592AA2
700
#472182
800
#371A65
900
#2B174A
950
#1B0E2F

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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