#BAB4E3

#BAB4E3

Color Values

HEX

#BAB4E3

RGB

186, 180, 227

HSL

247.7, 45.6%, 79.8%

HSV

247.7, 20.7%, 89.0%

CMYK

18.1%, 20.7%, 0.0%, 11.0%

OKLCH

0.7907 0.0664 290.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAB4E3

#DDE3B4

Analogous

#B4C5E3

#D2B4E3

#BAB4E3

Triadic

#BAB4E3

#E3BAB4

#B4E3BA

Split Complementary

#BAB4E3

#E3D2B4

#C5E3B4

Tetradic

#BAB4E3

#E3B4C5

#DDE3B4

#B4E3D2

Color Blindness Simulation

Original

#BAB4E3

Protanopia

#B7B7D8

Deuteranopia

#B8B8D5

Tritanopia

#BACFCD

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEC
300
#ADA6DE
400
#8176CC
500
#5445BA
600
#433795
700
#362C77
800
#2A235D
900
#221D44
950
#15122B

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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