#BDBBFC

#BDBBFC

Color Values

HEX

#BDBBFC

RGB

189, 187, 252

HSL

241,8, 91,5%, 86,1%

HSV

241,8, 25,8%, 98,8%

CMYK

25,0%, 25,8%, 0,0%, 1,2%

OKLCH

0,8166 0,091 285,6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BDBBFC

#FAFCBB

Analogous

#BBDAFC

#DEBBFC

#BDBBFC

Triadic

#BDBBFC

#FCBDBB

#BBFCBD

Split Complementary

#BDBBFC

#FCDEBB

#DAFCBB

Tetradic

#BDBBFC

#FCBBDA

#FAFCBB

#BBFCDE

Color Blindness Simulation

Original

#BDBBFC

Protanopia

#BCBCEC

Deuteranopia

#BCBCE8

Tritanopia

#BDE0DD

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E0DFFB
200
#BDBBFC
300
#8D8AFA
400
#4F4AF7
500
#120BF4
600
#0E09C3
700
#0B079C
800
#09057A
900
#0B0958
950
#070538

Contrast Checker

Text on white

1,8:1

AA Fail AAA Fail

Text on black

11,68: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