#BDEEF6

#BDEEF6

Color Values

HEX

#BDEEF6

RGB

189, 238, 246

HSL

188.4, 76.0%, 85.3%

HSV

188.4, 23.2%, 96.5%

CMYK

23.2%, 3.3%, 0.0%, 3.5%

OKLCH

0.9176 0.0513 208.5

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BDEEF6

#F6C5BD

Analogous

#BDF6E1

#BDD2F6

#BDEEF6

Triadic

#BDEEF6

#F6BDEE

#EEF6BD

Split Complementary

#BDEEF6

#F6BDD2

#F6E1BD

Tetradic

#BDEEF6

#E1BDF6

#F6C5BD

#D2F6BD

Color Blindness Simulation

Original

#BDEEF6

Protanopia

#D2D3F4

Deuteranopia

#CFCCF4

Tritanopia

#BFF3F2

Achromatopsia

#E4E4E4

CSS Usage

background-color: #BDEEF6;
color: #BDEEF6;
border-color: #BDEEF6;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FBFC
100
#E2F5F9
200
#C0EFF6
300
#93E3F0
400
#59D4E8
500
#1FC5E0
600
#189EB4
700
#147E90
800
#0F6370
900
#0F4852
950
#0A2E34

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.72:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026