#BCDCEB

#BCDCEB

Color Values

HEX

#BCDCEB

RGB

188, 220, 235

HSL

199.1, 54.0%, 82.9%

HSV

199.1, 20.0%, 92.2%

CMYK

20.0%, 6.4%, 0.0%, 7.8%

OKLCH

0.8759 0.0397 227.8

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BCDCEB

#EBCBBC

Analogous

#BCEBE2

#BCC4EB

#BCDCEB

Triadic

#BCDCEB

#EBBCDC

#DCEBBC

Split Complementary

#BCDCEB

#EBBCC4

#EBE2BC

Tetradic

#BCDCEB

#E2BCEB

#EBCBBC

#C4EBBC

Color Blindness Simulation

Original

#BCDCEB

Protanopia

#CACAE7

Deuteranopia

#C8C6E6

Tritanopia

#BEE5E4

Achromatopsia

#D6D6D6

CSS Usage

background-color: #BCDCEB;
color: #BCDCEB;
border-color: #BCDCEB;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4F9FB
100
#E5F0F5
200
#C8E2EF
300
#A1CEE3
400
#6EB3D4
500
#3B99C4
600
#2F7A9D
700
#26627E
800
#1D4C62
900
#193948
950
#10242D

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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