#BDF3F9

#BDF3F9

Color Values

HEX

#BDF3F9

RGB

189, 243, 249

HSL

186.0, 83.3%, 85.9%

HSV

186.0, 24.1%, 97.6%

CMYK

24.1%, 2.4%, 0.0%, 2.4%

OKLCH

0.9291 0.0553 204.7

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BDF3F9

#F9C3BD

Analogous

#BDF9E1

#BDD5F9

#BDF3F9

Triadic

#BDF3F9

#F9BDF3

#F3F9BD

Split Complementary

#BDF3F9

#F9BDD5

#F9E1BD

Tetradic

#BDF3F9

#E1BDF9

#F9C3BD

#D5F9BD

Color Blindness Simulation

Original

#BDF3F9

Protanopia

#D4D5F8

Deuteranopia

#D1CDF7

Tritanopia

#C0F6F6

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F7FA
200
#BEF3F9
300
#8FEBF5
400
#52E0EF
500
#15D4EA
600
#11AABB
700
#0E8896
800
#0B6A75
900
#0C4E55
950
#083136

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.35:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026