#BCCDFB

#BCCDFB

Color Values

HEX

#BCCDFB

RGB

188, 205, 251

HSL

223,8, 88,7%, 86,1%

HSV

223,8, 25,1%, 98,4%

CMYK

25,1%, 18,3%, 0,0%, 1,6%

OKLCH

0,8509 0,067 269,1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCCDFB

#FBEABC

Analogous

#BCEDFB

#CBBCFB

#BCCDFB

Triadic

#BCCDFB

#FBBCCD

#CDFBBC

Split Complementary

#BCCDFB

#FBCBBC

#EDFBBC

Tetradic

#BCCDFB

#FBBCED

#FBEABC

#BCFBCB

Color Blindness Simulation

Original

#BCCDFB

Protanopia

#C3C4F0

Deuteranopia

#C2C1ED

Tritanopia

#BDE7E5

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FB
200
#BCCDFB
300
#8CA9F8
400
#4D7AF4
500
#0E4BF1
600
#0C3CC0
700
#09309A
800
#072678
900
#0A1F57
950
#061337

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,26: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