#BBBAF0

#BBBAF0

Color Values

HEX

#BBBAF0

RGB

187, 186, 240

HSL

241.1, 64.3%, 83.5%

HSV

241.1, 22.5%, 94.1%

CMYK

22.1%, 22.5%, 0.0%, 5.9%

OKLCH

0.8083 0.0758 285.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BBBAF0

#EFF0BA

Analogous

#BAD4F0

#D6BAF0

#BBBAF0

Triadic

#BBBAF0

#F0BBBA

#BAF0BB

Split Complementary

#BBBAF0

#F0D6BA

#D4F0BA

Tetradic

#BBBAF0

#F0BAD4

#EFF0BA

#BAF0D6

Color Blindness Simulation

Original

#BBBAF0

Protanopia

#BBBBE3

Deuteranopia

#BBBBE0

Tritanopia

#BBD9D6

Achromatopsia

#BEBEBE

CSS Usage

background-color: #BBBAF0;
color: #BBBAF0;
border-color: #BBBAF0;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C5C4F2
300
#9C9AE9
400
#6664DD
500
#312ED1
600
#2724A8
700
#1F1D86
800
#181769
900
#15144C
950
#0E0D30

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.39:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026