#BAFDED

#BAFDED

Color Values

HEX

#BAFDED

RGB

186, 253, 237

HSL

165.7, 94.4%, 86.1%

HSV

165.7, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 6.3%, 0.8%

OKLCH

0.945 0.0702 178.3

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFDED

#FDBACA

Analogous

#BAFDCC

#BAECFD

#BAFDED

Triadic

#BAFDED

#EDBAFD

#FDEDBA

Split Complementary

#BAFDED

#FDBAEC

#FDCCBA

Tetradic

#BAFDED

#CCBAFD

#FDBACA

#ECFDBA

Color Blindness Simulation

Original

#BAFDED

Protanopia

#D7D8F1

Deuteranopia

#D3CEF2

Tritanopia

#BDF4F5

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF5
200
#BAFDED
300
#88FCE0
400
#48FACF
500
#07F8BE
600
#06C698
700
#059F7A
800
#047C5F
900
#075A46
950
#05392C

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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