#BA9DD2

#BA9DD2

Color Values

HEX

#BA9DD2

RGB

186, 157, 210

HSL

272.8, 37.1%, 72.0%

HSV

272.8, 25.2%, 82.4%

CMYK

11.4%, 25.2%, 0.0%, 17.6%

OKLCH

0.7399 0.0812 309.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BA9DD2

#B5D29D

Analogous

#A09DD2

#D29DD0

#BA9DD2

Triadic

#BA9DD2

#D2BA9D

#9DD2BA

Split Complementary

#BA9DD2

#D0D29D

#9DD2A0

Tetradic

#BA9DD2

#D2A09D

#B5D29D

#9DD0D2

Color Blindness Simulation

Original

#BA9DD2

Protanopia

#ADADC5

Deuteranopia

#AFB1C2

Tritanopia

#B9BBB9

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DDCEE9
300
#C4ABD9
400
#A47EC4
500
#8450AF
600
#6A408C
700
#543370
800
#422857
900
#322041
950
#201429

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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