#BCD1FB

#BCD1FB

Color Values

HEX

#BCD1FB

RGB

188, 209, 251

HSL

220.0, 88.7%, 86.1%

HSV

220.0, 25.1%, 98.4%

CMYK

25.1%, 16.7%, 0.0%, 1.6%

OKLCH

0.859 0.063 264.2

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BCD1FB

#FBE6BC

Analogous

#BCF1FB

#C7BCFB

#BCD1FB

Triadic

#BCD1FB

#FBBCD1

#D1FBBC

Split Complementary

#BCD1FB

#FBC7BC

#F1FBBC

Tetradic

#BCD1FB

#FBBCF1

#FBE6BC

#BCFBC7

Color Blindness Simulation

Original

#BCD1FB

Protanopia

#C5C5F1

Deuteranopia

#C4C2EE

Tritanopia

#BDE9E7

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E9FB
200
#BCD1FB
300
#8CB0F8
400
#4D85F4
500
#0E5AF1
600
#0C48C0
700
#09399A
800
#072D78
900
#0A2457
950
#061637

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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