#BCCBFB

#BCCBFB

Color Values

HEX

#BCCBFB

RGB

188, 203, 251

HSL

225.7, 88.7%, 86.1%

HSV

225.7, 25.1%, 98.4%

CMYK

25.1%, 19.1%, 0.0%, 1.6%

OKLCH

0.8469 0.0692 271.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCCBFB

#FBECBC

Analogous

#BCEBFB

#CDBCFB

#BCCBFB

Triadic

#BCCBFB

#FBBCCB

#CBFBBC

Split Complementary

#BCCBFB

#FBCDBC

#EBFBBC

Tetradic

#BCCBFB

#FBBCEB

#FBECBC

#BCFBCD

Color Blindness Simulation

Original

#BCCBFB

Protanopia

#C2C3EF

Deuteranopia

#C2C0ED

Tritanopia

#BDE6E4

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E6FB
200
#BCCBFB
300
#8CA5F8
400
#4D75F4
500
#0E44F1
600
#0C37C0
700
#092C9A
800
#072278
900
#0A1C57
950
#061237

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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