#BCD3FF

#BCD3FF

Color Values

HEX

#BCD3FF

RGB

188, 211, 255

HSL

219,4, 100,0%, 86,9%

HSV

219,4, 26,3%, 100,0%

CMYK

26,3%, 17,3%, 0,0%, 0,0%

OKLCH

0,8645 0,0663 263,3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BCD3FF

#FFE8BC

Analogous

#BCF5FF

#C7BCFF

#BCD3FF

Triadic

#BCD3FF

#FFBCD3

#D3FFBC

Split Complementary

#BCD3FF

#FFC7BC

#F5FFBC

Tetradic

#BCD3FF

#FFBCF5

#FFE8BC

#BCFFC7

Color Blindness Simulation

Original

#BCD3FF

Protanopia

#C6C6F4

Deuteranopia

#C5C3F2

Tritanopia

#BDECEA

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B8D0FF
300
#85AFFF
400
#4283FF
500
#0058FF
600
#0046CC
700
#0038A3
800
#002C80
900
#05235C
950
#03163A

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

13,9:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026