#BAADD7

#BAADD7

Color Values

HEX

#BAADD7

RGB

186, 173, 215

HSL

258.6, 34.4%, 76.1%

HSV

258.6, 19.5%, 84.3%

CMYK

13.5%, 19.5%, 0.0%, 15.7%

OKLCH

0.7725 0.0607 299.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAADD7

#CAD7AD

Analogous

#ADB5D7

#CFADD7

#BAADD7

Triadic

#BAADD7

#D7BAAD

#ADD7BA

Split Complementary

#BAADD7

#D7CFAD

#B5D7AD

Tetradic

#BAADD7

#D7ADB5

#CAD7AD

#ADD7CF

Color Blindness Simulation

Original

#BAADD7

Protanopia

#B4B4CD

Deuteranopia

#B5B6CA

Tritanopia

#B9C5C3

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EBE8F2
200
#D7CFE8
300
#BAADD7
400
#9480C1
500
#6F54AB
600
#594389
700
#47366E
800
#372A56
900
#2B213F
950
#1B1528

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

10.05:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026