#BAFDF7

#BAFDF7

Color Values

HEX

#BAFDF7

RGB

186, 253, 247

HSL

174.6, 94.4%, 86.1%

HSV

174.6, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 2.4%, 0.8%

OKLCH

0.9479 0.067 189.2

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFDF7

#FDBAC0

Analogous

#BAFDD6

#BAE2FD

#BAFDF7

Triadic

#BAFDF7

#F7BAFD

#FDF7BA

Split Complementary

#BAFDF7

#FDBAE2

#FDD6BA

Tetradic

#BAFDF7

#D6BAFD

#FDBAC0

#E2FDBA

Color Blindness Simulation

Original

#BAFDF7

Protanopia

#D7D8F8

Deuteranopia

#D3CEF9

Tritanopia

#BDFAFA

Achromatopsia

#EEEEEE

CSS Usage

background-color: #BAFDF7;
color: #BAFDF7;
border-color: #BAFDF7;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FDFC
100
#DFFBF9
200
#BAFDF7
300
#88FCF1
400
#48FAEA
500
#07F8E2
600
#06C6B5
700
#059F91
800
#047C71
900
#075A52
950
#053934

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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