#BDDDEE

#BDDDEE

Color Values

HEX

#BDDDEE

RGB

189, 221, 238

HSL

200.8, 59.0%, 83.7%

HSV

200.8, 20.6%, 93.3%

CMYK

20.6%, 7.1%, 0.0%, 6.7%

OKLCH

0.8797 0.0412 231.0

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BDDDEE

#EECEBD

Analogous

#BDEEE6

#BDC4EE

#BDDDEE

Triadic

#BDDDEE

#EEBDDD

#DDEEBD

Split Complementary

#BDDDEE

#EEBDC4

#EEE6BD

Tetradic

#BDDDEE

#E6BDEE

#EECEBD

#C4EEBD

Color Blindness Simulation

Original

#BDDDEE

Protanopia

#CBCBEA

Deuteranopia

#C9C7E9

Tritanopia

#BFE7E6

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E4F0F6
200
#C6E2F0
300
#9ECDE6
400
#69B2D8
500
#3497CB
600
#2A78A2
700
#216082
800
#1A4B65
900
#17384A
950
#0E242F

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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