#BAB4D6

#BAB4D6

Color Values

HEX

#BAB4D6

RGB

186, 180, 214

HSL

250.6, 29.3%, 77.3%

HSV

250.6, 15.9%, 83.9%

CMYK

13.1%, 15.9%, 0.0%, 16.1%

OKLCH

0.7859 0.0482 293.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAB4D6

#D0D6B4

Analogous

#B4BFD6

#CBB4D6

#BAB4D6

Triadic

#BAB4D6

#D6BAB4

#B4D6BA

Split Complementary

#BAB4D6

#D6CBB4

#BFD6B4

Tetradic

#BAB4D6

#D6B4BF

#D0D6B4

#B4D6CB

Color Blindness Simulation

Original

#BAB4D6

Protanopia

#B7B7CE

Deuteranopia

#B8B8CC

Tritanopia

#BAC7C6

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D5D1E6
300
#B6B0D4
400
#8F85BC
500
#675AA5
600
#534884
700
#423A6A
800
#342D52
900
#28243D
950
#191727

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.59:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026