#BAADD6

#BAADD6

Color Values

HEX

#BAADD6

RGB

186, 173, 214

HSL

259,0, 33,3%, 75,9%

HSV

259,0, 19,2%, 83,9%

CMYK

13,1%, 19,2%, 0,0%, 16,1%

OKLCH

0,7721 0,0593 299,5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAADD6

#C9D6AD

Analogous

#ADB5D6

#CFADD6

#BAADD6

Triadic

#BAADD6

#D6BAAD

#ADD6BA

Split Complementary

#BAADD6

#D6CFAD

#B5D6AD

Tetradic

#BAADD6

#D6ADB5

#C9D6AD

#ADD6CF

Color Blindness Simulation

Original

#BAADD6

Protanopia

#B4B4CC

Deuteranopia

#B5B6CA

Tritanopia

#B9C4C3

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EBE8F2
200
#D7CFE7
300
#BAADD6
400
#9581C0
500
#7055AA
600
#5A4488
700
#48366D
800
#382B55
900
#2B223F
950
#1B1528

Contrast Checker

Text on white

2,09:1

AA Fail AAA Fail

Text on black

10,04:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026