#BD9CCF

#BD9CCF

Color Values

HEX

#BD9CCF

RGB

189, 156, 207

HSL

278.8, 34.7%, 71.2%

HSV

278.8, 24.6%, 81.2%

CMYK

8.7%, 24.6%, 0.0%, 18.8%

OKLCH

0.7396 0.0805 313.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BD9CCF

#AECF9C

Analogous

#A49CCF

#CF9CC8

#BD9CCF

Triadic

#BD9CCF

#CFBD9C

#9CCFBD

Split Complementary

#BD9CCF

#C8CF9C

#9CCFA4

Tetradic

#BD9CCF

#CFA49C

#AECF9C

#9CC8CF

Color Blindness Simulation

Original

#BD9CCF

Protanopia

#AFAEC3

Deuteranopia

#B1B3C0

Tritanopia

#BBB9B7

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#DFCFE8
300
#C8ADD7
400
#AA80C1
500
#8C53AC
600
#704389
700
#5A356E
800
#462A56
900
#352140
950
#211528

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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