#BBA5DF

#BBA5DF

Color Values

HEX

#BBA5DF

RGB

187, 165, 223

HSL

262.8, 47.5%, 76.1%

HSV

262.8, 26.0%, 87.5%

CMYK

16.1%, 26.0%, 0.0%, 12.5%

OKLCH

0.7611 0.0849 301.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BBA5DF

#C9DFA5

Analogous

#A5ACDF

#D8A5DF

#BBA5DF

Triadic

#BBA5DF

#DFBBA5

#A5DFBB

Split Complementary

#BBA5DF

#DFD8A5

#ACDFA5

Tetradic

#BBA5DF

#DFA5AC

#C9DFA5

#A5DFD8

Color Blindness Simulation

Original

#BBA5DF

Protanopia

#B1B1D1

Deuteranopia

#B3B4CE

Tritanopia

#BAC6C3

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EBE6F4
200
#D7CAEC
300
#BBA5DF
400
#9674CD
500
#7143BC
600
#5A3696
700
#482B78
800
#38215E
900
#2B1C45
950
#1B122C

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.56:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026