#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026