#BDF3F2

#BDF3F2

Color Values

HEX

#BDF3F2

RGB

189, 243, 242

HSL

178.9, 69.2%, 84.7%

HSV

178.9, 22.2%, 95.3%

CMYK

22.2%, 0.0%, 0.4%, 4.7%

OKLCH

0.9269 0.0548 194.8

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BDF3F2

#F3BDBE

Analogous

#BDF3D7

#BDD9F3

#BDF3F2

Triadic

#BDF3F2

#F2BDF3

#F3F2BD

Split Complementary

#BDF3F2

#F3BDD9

#F3D7BD

Tetradic

#BDF3F2

#D7BDF3

#F3BDBE

#D9F3BD

Color Blindness Simulation

Original

#BDF3F2

Protanopia

#D4D5F2

Deuteranopia

#D1CDF2

Tritanopia

#C0F2F2

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C3F4F3
300
#97ECEB
400
#5FE2E0
500
#27D8D4
600
#1FADAA
700
#198A88
800
#146C6A
900
#124F4E
950
#0C3231

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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