#BBA4DF

#BBA4DF

Color Values

HEX

#BBA4DF

RGB

187, 164, 223

HSL

263,4, 48,0%, 75,9%

HSV

263,4, 26,5%, 87,5%

CMYK

16,1%, 26,5%, 0,0%, 12,5%

OKLCH

0,7592 0,0866 302,2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BBA4DF

#C8DFA4

Analogous

#A4ABDF

#D9A4DF

#BBA4DF

Triadic

#BBA4DF

#DFBBA4

#A4DFBB

Split Complementary

#BBA4DF

#DFD9A4

#ABDFA4

Tetradic

#BBA4DF

#DFA4AB

#C8DFA4

#A4DFD9

Color Blindness Simulation

Original

#BBA4DF

Protanopia

#B1B1D1

Deuteranopia

#B2B4CD

Tritanopia

#BAC5C3

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D8CAEC
300
#BBA4DF
400
#9773CE
500
#7242BD
600
#5B3597
700
#492A79
800
#39215E
900
#2C1C45
950
#1C112C

Contrast Checker

Text on white

2,21:1

AA Fail AAA Fail

Text on black

9,49:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026