#BABBD9

#BABBD9

Color Values

HEX

#BABBD9

RGB

186, 187, 217

HSL

238.1, 29.0%, 79.0%

HSV

238.1, 14.3%, 85.1%

CMYK

14.3%, 13.8%, 0.0%, 14.9%

OKLCH

0.801 0.0422 283.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BABBD9

#D9D8BA

Analogous

#BACAD9

#C8BAD9

#BABBD9

Triadic

#BABBD9

#D9BABB

#BBD9BA

Split Complementary

#BABBD9

#D9C8BA

#CAD9BA

Tetradic

#BABBD9

#D9BACA

#D9D8BA

#BAD9C8

Color Blindness Simulation

Original

#BABBD9

Protanopia

#BABAD2

Deuteranopia

#BABAD0

Tritanopia

#BACCCB

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9E9F2
200
#D1D2E6
300
#B0B1D4
400
#8587BC
500
#5B5DA4
600
#484A84
700
#3A3B69
800
#2D2E52
900
#24253D
950
#171727

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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