#BAB4E1

#BAB4E1

Color Values

HEX

#BAB4E1

RGB

186, 180, 225

HSL

248.0, 42.9%, 79.4%

HSV

248.0, 20.0%, 88.2%

CMYK

17.3%, 20.0%, 0.0%, 11.8%

OKLCH

0.79 0.0636 291.0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAB4E1

#DBE1B4

Analogous

#B4C4E1

#D0B4E1

#BAB4E1

Triadic

#BAB4E1

#E1BAB4

#B4E1BA

Split Complementary

#BAB4E1

#E1D0B4

#C4E1B4

Tetradic

#BAB4E1

#E1B4C4

#DBE1B4

#B4E1D0

Color Blindness Simulation

Original

#BAB4E1

Protanopia

#B7B7D6

Deuteranopia

#B8B8D4

Tritanopia

#BACECC

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#D0CCEB
300
#AFA8DC
400
#8378C9
500
#5749B6
600
#463A92
700
#382F75
800
#2C245B
900
#231E43
950
#16132A

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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