#BBAFD5

#BBAFD5

Color Values

HEX

#BBAFD5

RGB

187, 175, 213

HSL

258.9, 31.1%, 76.1%

HSV

258.9, 17.8%, 83.5%

CMYK

12.2%, 17.8%, 0.0%, 16.5%

OKLCH

0.7765 0.0549 299.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BBAFD5

#C9D5AF

Analogous

#AFB6D5

#CEAFD5

#BBAFD5

Triadic

#BBAFD5

#D5BBAF

#AFD5BB

Split Complementary

#BBAFD5

#D5CEAF

#B6D5AF

Tetradic

#BBAFD5

#D5AFB6

#C9D5AF

#AFD5CE

Color Blindness Simulation

Original

#BBAFD5

Protanopia

#B6B6CC

Deuteranopia

#B6B7CA

Tritanopia

#BAC5C3

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EBE8F2
200
#D7D0E6
300
#BBAFD5
400
#9683BE
500
#7158A7
600
#5A4686
700
#48386B
800
#382C54
900
#2B233E
950
#1B1627

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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