#BCD1FF

#BCD1FF

Color Values

HEX

#BCD1FF

RGB

188, 209, 255

HSL

221.2, 100.0%, 86.9%

HSV

221.2, 26.3%, 100.0%

CMYK

26.3%, 18.0%, 0.0%, 0.0%

OKLCH

0.8605 0.0682 265.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCD1FF

#FFEABC

Analogous

#BCF3FF

#C9BCFF

#BCD1FF

Triadic

#BCD1FF

#FFBCD1

#D1FFBC

Split Complementary

#BCD1FF

#FFC9BC

#F3FFBC

Tetradic

#BCD1FF

#FFBCF3

#FFEABC

#BCFFC9

Color Blindness Simulation

Original

#BCD1FF

Protanopia

#C5C5F4

Deuteranopia

#C4C2F1

Tritanopia

#BDEBE9

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CEFF
300
#85ABFF
400
#427DFF
500
#0050FF
600
#0040CC
700
#0033A3
800
#002880
900
#05205C
950
#03143A

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.7:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026