#BCD7EE

#BCD7EE

Color Values

HEX

#BCD7EE

RGB

188, 215, 238

HSL

207.6, 59.5%, 83.5%

HSV

207.6, 21.0%, 93.3%

CMYK

21.0%, 9.7%, 0.0%, 6.7%

OKLCH

0.8666 0.0431 244.0

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BCD7EE

#EED3BC

Analogous

#BCEEEC

#BCBEEE

#BCD7EE

Triadic

#BCD7EE

#EEBCD7

#D7EEBC

Split Complementary

#BCD7EE

#EEBCBE

#EEECBC

Tetradic

#BCD7EE

#ECBCEE

#EED3BC

#BEEEBC

Color Blindness Simulation

Original

#BCD7EE

Protanopia

#C8C8E8

Deuteranopia

#C6C4E7

Tritanopia

#BDE4E3

Achromatopsia

#D3D3D3

CSS Usage

background-color: #BCD7EE;
color: #BCD7EE;
border-color: #BCD7EE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F8FB
100
#E4EEF6
200
#C6DDF1
300
#9DC5E6
400
#69A5D9
500
#3486CB
600
#296BA3
700
#215582
800
#1A4366
900
#17334A
950
#0E202F

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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