#BAFDF9

#BAFDF9

Color Values

HEX

#BAFDF9

RGB

186, 253, 249

HSL

176.4, 94.4%, 86.1%

HSV

176.4, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 1.6%, 0.8%

OKLCH

0.9485 0.0667 191.5

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFDF9

#FDBABE

Analogous

#BAFDD8

#BAE0FD

#BAFDF9

Triadic

#BAFDF9

#F9BAFD

#FDF9BA

Split Complementary

#BAFDF9

#FDBAE0

#FDD8BA

Tetradic

#BAFDF9

#D8BAFD

#FDBABE

#E0FDBA

Color Blindness Simulation

Original

#BAFDF9

Protanopia

#D7D8FA

Deuteranopia

#D3CEFA

Tritanopia

#BDFBFB

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFDF9
300
#88FCF5
400
#48FAEF
500
#07F8E9
600
#06C6BB
700
#059F95
800
#047C75
900
#075A55
950
#053935

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.51:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026