#BCDDED

#BCDDED

Color Values

HEX

#BCDDED

RGB

188, 221, 237

HSL

199.6, 57.6%, 83.3%

HSV

199.6, 20.7%, 92.9%

CMYK

20.7%, 6.8%, 0.0%, 7.1%

OKLCH

0.8787 0.0413 228.7

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BCDDED

#EDCCBC

Analogous

#BCEDE4

#BCC4ED

#BCDDED

Triadic

#BCDDED

#EDBCDD

#DDEDBC

Split Complementary

#BCDDED

#EDBCC4

#EDE4BC

Tetradic

#BCDDED

#E4BCED

#EDCCBC

#C4EDBC

Color Blindness Simulation

Original

#BCDDED

Protanopia

#CACBE9

Deuteranopia

#C8C6E8

Tritanopia

#BEE6E5

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E4F0F6
200
#C7E2F0
300
#9FCEE5
400
#6AB3D7
500
#3699C9
600
#2B7AA1
700
#236281
800
#1B4C64
900
#17394A
950
#0F242E

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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