#BDAADF

#BDAADF

Color Values

HEX

#BDAADF

RGB

189, 170, 223

HSL

261,5, 45,3%, 77,1%

HSV

261,5, 23,8%, 87,5%

CMYK

15,2%, 23,8%, 0,0%, 12,5%

OKLCH

0,7723 0,0771 301,0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BDAADF

#CCDFAA

Analogous

#AAB2DF

#D8AADF

#BDAADF

Triadic

#BDAADF

#DFBDAA

#AADFBD

Split Complementary

#BDAADF

#DFD8AA

#B2DFAA

Tetradic

#BDAADF

#DFAAB2

#CCDFAA

#AADFD8

Color Blindness Simulation

Original

#BDAADF

Protanopia

#B5B5D2

Deuteranopia

#B6B7CF

Tritanopia

#BCC8C6

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EBE6F4
200
#D7CBEB
300
#BAA6DE
400
#9576CB
500
#6F46B9
600
#593894
700
#472D77
800
#38235D
900
#2B1D44
950
#1B122B

Contrast Checker

Text on white

2,1:1

AA Fail AAA Fail

Text on black

9,98: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