#BD9ADD

#BD9ADD

Color Values

HEX

#BD9ADD

RGB

189, 154, 221

HSL

271.3, 49.6%, 73.5%

HSV

271.3, 30.3%, 86.7%

CMYK

14.5%, 30.3%, 0.0%, 13.3%

OKLCH

0.7416 0.1015 307.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BD9ADD

#BADD9A

Analogous

#9B9ADD

#DD9ADB

#BD9ADD

Triadic

#BD9ADD

#DDBD9A

#9ADDBD

Split Complementary

#BD9ADD

#DBDD9A

#9ADD9B

Tetradic

#BD9ADD

#DD9B9A

#BADD9A

#9ADBDD

Color Blindness Simulation

Original

#BD9ADD

Protanopia

#AEAECD

Deuteranopia

#B0B2C9

Tritanopia

#BBC0BD

Achromatopsia

#A6A6A6

CSS Usage

background-color: #BD9ADD;
color: #BD9ADD;
border-color: #BD9ADD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DCCAED
300
#C3A3E0
400
#A372CF
500
#8240BF
600
#683399
700
#53297A
800
#41205F
900
#311B46
950
#1F112C

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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