#BABBFA

#BABBFA

Color Values

HEX

#BABBFA

RGB

186, 187, 250

HSL

239.1, 86.5%, 85.5%

HSV

239.1, 25.6%, 98.0%

CMYK

25.6%, 25.2%, 0.0%, 2.0%

OKLCH

0.8135 0.0884 283.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABBFA

#FAF9BA

Analogous

#BADBFA

#D9BAFA

#BABBFA

Triadic

#BABBFA

#FABABB

#BBFABA

Split Complementary

#BABBFA

#FAD9BA

#DBFABA

Tetradic

#BABBFA

#FABADB

#FAF9BA

#BAFAD9

Color Blindness Simulation

Original

#BABBFA

Protanopia

#BABAEB

Deuteranopia

#BABAE7

Tritanopia

#BADFDC

Achromatopsia

#BFBFBF

CSS Usage

background-color: #BABBFA;
color: #BABBFA;
border-color: #BABBFA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BCBDFA
300
#8D8EF7
400
#4F51F2
500
#1115EE
600
#0E10BE
700
#0B0D98
800
#090A77
900
#0B0C56
950
#070736

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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