#BDBDFE

#BDBDFE

Color Values

HEX

#BDBDFE

RGB

189, 189, 254

HSL

240.0, 97.0%, 86.9%

HSV

240.0, 25.6%, 99.6%

CMYK

25.6%, 25.6%, 0.0%, 0.4%

OKLCH

0.8213 0.091 284.2

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BDBDFE

#FEFEBD

Analogous

#BDDEFE

#DEBDFE

#BDBDFE

Triadic

#BDBDFE

#FEBDBD

#BDFEBD

Split Complementary

#BDBDFE

#FEDEBD

#DEFEBD

Tetradic

#BDBDFE

#FEBDDE

#FEFEBD

#BDFEDE

Color Blindness Simulation

Original

#BDBDFE

Protanopia

#BDBDEE

Deuteranopia

#BDBDEA

Tritanopia

#BDE2DF

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B9B9FE
300
#8686FD
400
#4545FC
500
#0404FB
600
#0303C9
700
#0202A1
800
#02027E
900
#06065B
950
#040439

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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