#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026