#BAFDF8

#BAFDF8

Color Values

HEX

#BAFDF8

RGB

186, 253, 248

HSL

175.5, 94.4%, 86.1%

HSV

175.5, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 2.0%, 0.8%

OKLCH

0.9482 0.0669 190.3

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFDF8

#FDBABF

Analogous

#BAFDD7

#BAE1FD

#BAFDF8

Triadic

#BAFDF8

#F8BAFD

#FDF8BA

Split Complementary

#BAFDF8

#FDBAE1

#FDD7BA

Tetradic

#BAFDF8

#D7BAFD

#FDBABF

#E1FDBA

Color Blindness Simulation

Original

#BAFDF8

Protanopia

#D7D8F9

Deuteranopia

#D3CEFA

Tritanopia

#BDFAFA

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBF9
200
#BAFDF8
300
#88FCF3
400
#48FAEC
500
#07F8E6
600
#06C6B8
700
#059F93
800
#047C73
900
#075A53
950
#053935

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.49:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026