#BCBAD8

#BCBAD8

Color Values

HEX

#BCBAD8

RGB

188, 186, 216

HSL

244.0, 27.8%, 78.8%

HSV

244.0, 13.9%, 84.7%

CMYK

13.0%, 13.9%, 0.0%, 15.3%

OKLCH

0.8002 0.0421 288.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCBAD8

#D6D8BA

Analogous

#BAC7D8

#CBBAD8

#BCBAD8

Triadic

#BCBAD8

#D8BCBA

#BAD8BC

Split Complementary

#BCBAD8

#D8CBBA

#C7D8BA

Tetradic

#BCBAD8

#D8BAC7

#D6D8BA

#BAD8CB

Color Blindness Simulation

Original

#BCBAD8

Protanopia

#BBBBD1

Deuteranopia

#BBBBCF

Tritanopia

#BCCBCA

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D3D1E5
300
#B3B1D3
400
#8A86BB
500
#615CA3
600
#4D4A82
700
#3E3B68
800
#302E51
900
#26243D
950
#181726

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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