#BA9FDB

#BA9FDB

Color Values

HEX

#BA9FDB

RGB

186, 159, 219

HSL

267,0, 45,5%, 74,1%

HSV

267,0, 27,4%, 85,9%

CMYK

15,1%, 27,4%, 0,0%, 14,1%

OKLCH

0,7473 0,0894 304,9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA9FDB

#C0DB9F

Analogous

#9FA2DB

#D89FDB

#BA9FDB

Triadic

#BA9FDB

#DBBA9F

#9FDBBA

Split Complementary

#BA9FDB

#DBD89F

#A2DB9F

Tetradic

#BA9FDB

#DB9FA2

#C0DB9F

#9FDBD8

Color Blindness Simulation

Original

#BA9FDB

Protanopia

#AEAECC

Deuteranopia

#B0B2C9

Tritanopia

#B9C1BE

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#DACBEC
300
#BFA6DE
400
#9C76CC
500
#7A45BA
600
#613894
700
#4E2C77
800
#3D235D
900
#2E1D44
950
#1D122B

Contrast Checker

Text on white

2,32:1

AA Fail AAA Fail

Text on black

9,07:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026