#BAABD2

#BAABD2

Color Values

HEX

#BAABD2

RGB

186, 171, 210

HSL

263.1, 30.2%, 74.7%

HSV

263.1, 18.6%, 82.4%

CMYK

11.4%, 18.6%, 0.0%, 17.6%

OKLCH

0.7668 0.0572 302.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAABD2

#C3D2AB

Analogous

#ABAFD2

#CDABD2

#BAABD2

Triadic

#BAABD2

#D2BAAB

#ABD2BA

Split Complementary

#BAABD2

#D2CDAB

#AFD2AB

Tetradic

#BAABD2

#D2ABAF

#C3D2AB

#ABD2CD

Color Blindness Simulation

Original

#BAABD2

Protanopia

#B4B3C9

Deuteranopia

#B4B6C6

Tritanopia

#B9C1BF

Achromatopsia

#B1B1B1

CSS Usage

background-color: #BAABD2;
color: #BAABD2;
border-color: #BAABD2;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D9D1E6
300
#BEAFD4
400
#9A84BD
500
#7759A6
600
#5F4785
700
#4C396A
800
#3B2C53
900
#2D233E
950
#1D1627

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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