#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026