#BCDDEB

#BCDDEB

Color Values

HEX

#BCDDEB

RGB

188, 221, 235

HSL

197.9, 54.0%, 82.9%

HSV

197.9, 20.0%, 92.2%

CMYK

20.0%, 6.0%, 0.0%, 7.8%

OKLCH

0.878 0.0399 225.4

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BCDDEB

#EBCABC

Analogous

#BCEBE1

#BCC5EB

#BCDDEB

Triadic

#BCDDEB

#EBBCDD

#DDEBBC

Split Complementary

#BCDDEB

#EBBCC5

#EBE1BC

Tetradic

#BCDDEB

#E1BCEB

#EBCABC

#C5EBBC

Color Blindness Simulation

Original

#BCDDEB

Protanopia

#CACBE8

Deuteranopia

#C8C6E7

Tritanopia

#BEE5E4

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F0F5
200
#C8E3EF
300
#A1CFE3
400
#6EB5D4
500
#3B9BC4
600
#2F7C9D
700
#26637E
800
#1D4E62
900
#193A48
950
#10252D

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.68:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026