#BAB3E9

#BAB3E9

Color Values

HEX

#BAB3E9

RGB

186, 179, 233

HSL

247.8, 55.1%, 80.8%

HSV

247.8, 23.2%, 91.4%

CMYK

20.2%, 23.2%, 0.0%, 8.6%

OKLCH

0.7911 0.0762 290.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAB3E9

#E2E9B3

Analogous

#B3C7E9

#D5B3E9

#BAB3E9

Triadic

#BAB3E9

#E9BAB3

#B3E9BA

Split Complementary

#BAB3E9

#E9D5B3

#C7E9B3

Tetradic

#BAB3E9

#E9B3C7

#E2E9B3

#B3E9D5

Color Blindness Simulation

Original

#BAB3E9

Protanopia

#B7B7DC

Deuteranopia

#B7B8D9

Tritanopia

#BAD2CF

Achromatopsia

#B8B8B8

CSS Usage

background-color: #BAB3E9;
color: #BAB3E9;
border-color: #BAB3E9;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CDC8EF
300
#A9A0E4
400
#7A6DD5
500
#4C39C6
600
#3C2E9E
700
#30257F
800
#261D63
900
#1F1848
950
#130F2E

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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