#BA9EDB

#BA9EDB

Color Values

HEX

#BA9EDB

RGB

186, 158, 219

HSL

267.5, 45.9%, 73.9%

HSV

267.5, 27.9%, 85.9%

CMYK

15.1%, 27.9%, 0.0%, 14.1%

OKLCH

0.7454 0.0911 305.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA9EDB

#BFDB9E

Analogous

#9EA0DB

#D89EDB

#BA9EDB

Triadic

#BA9EDB

#DBBA9E

#9EDBBA

Split Complementary

#BA9EDB

#DBD89E

#A0DB9E

Tetradic

#BA9EDB

#DB9EA0

#BFDB9E

#9EDBD8

Color Blindness Simulation

Original

#BA9EDB

Protanopia

#AEAECC

Deuteranopia

#B0B2C9

Tritanopia

#B9C1BE

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DACBEC
300
#BFA6DE
400
#9D75CC
500
#7B45BA
600
#623795
700
#4E2C77
800
#3D225D
900
#2F1C44
950
#1E122B

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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