#BCBCF1

#BCBCF1

Color Values

HEX

#BCBCF1

RGB

188, 188, 241

HSL

240.0, 65.4%, 84.1%

HSV

240.0, 22.0%, 94.5%

CMYK

22.0%, 22.0%, 0.0%, 5.5%

OKLCH

0.8134 0.0743 284.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCBCF1

#F1F1BC

Analogous

#BCD6F1

#D6BCF1

#BCBCF1

Triadic

#BCBCF1

#F1BCBC

#BCF1BC

Split Complementary

#BCBCF1

#F1D6BC

#D6F1BC

Tetradic

#BCBCF1

#F1BCD6

#F1F1BC

#BCF1D6

Color Blindness Simulation

Original

#BCBCF1

Protanopia

#BCBCE4

Deuteranopia

#BCBCE1

Tritanopia

#BCDAD8

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C4F3
300
#9A9AEA
400
#6363DE
500
#2C2CD3
600
#2323A9
700
#1C1C87
800
#161669
900
#14144D
950
#0D0D31

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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