#BAAFD5

#BAAFD5

Color Values

HEX

#BAAFD5

RGB

186, 175, 213

HSL

257.4, 31.1%, 76.1%

HSV

257.4, 17.8%, 83.5%

CMYK

12.7%, 17.8%, 0.0%, 16.5%

OKLCH

0.7757 0.0547 298.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAAFD5

#CAD5AF

Analogous

#AFB7D5

#CDAFD5

#BAAFD5

Triadic

#BAAFD5

#D5BAAF

#AFD5BA

Split Complementary

#BAAFD5

#D5CDAF

#B7D5AF

Tetradic

#BAAFD5

#D5AFB7

#CAD5AF

#AFD5CD

Color Blindness Simulation

Original

#BAAFD5

Protanopia

#B5B5CC

Deuteranopia

#B6B7CA

Tritanopia

#B9C5C3

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EBE8F2
200
#D7D0E6
300
#BAAFD5
400
#9483BE
500
#6F58A7
600
#594686
700
#47386B
800
#372C54
900
#2B233E
950
#1B1627

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.18:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026