#BDDCEE

#BDDCEE

Color Values

HEX

#BDDCEE

RGB

189, 220, 238

HSL

202.0, 59.0%, 83.7%

HSV

202.0, 20.6%, 93.3%

CMYK

20.6%, 7.6%, 0.0%, 6.7%

OKLCH

0.8776 0.0412 233.4

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BDDCEE

#EECFBD

Analogous

#BDEEE7

#BDC3EE

#BDDCEE

Triadic

#BDDCEE

#EEBDDC

#DCEEBD

Split Complementary

#BDDCEE

#EEBDC3

#EEE7BD

Tetradic

#BDDCEE

#E7BDEE

#EECFBD

#C3EEBD

Color Blindness Simulation

Original

#BDDCEE

Protanopia

#CACBEA

Deuteranopia

#C9C6E9

Tritanopia

#BFE6E5

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E4F0F6
200
#C6E1F0
300
#9ECBE6
400
#69AFD8
500
#3494CB
600
#2A76A2
700
#215E82
800
#1A4A65
900
#17374A
950
#0E232F

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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