#BAFDFD

#BAFDFD

Color Values

HEX

#BAFDFD

RGB

186, 253, 253

HSL

180.0, 94.4%, 86.1%

HSV

180.0, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 0.0%, 0.8%

OKLCH

0.9497 0.0664 196.1

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFDFD

#FDBABA

Analogous

#BAFDDC

#BADCFD

#BAFDFD

Triadic

#BAFDFD

#FDBAFD

#FDFDBA

Split Complementary

#BAFDFD

#FDBADC

#FDDCBA

Tetradic

#BAFDFD

#DCBAFD

#FDBABA

#DCFDBA

Color Blindness Simulation

Original

#BAFDFD

Protanopia

#D7D8FD

Deuteranopia

#D3CEFD

Tritanopia

#BDFDFD

Achromatopsia

#EFEFEF

CSS Usage

background-color: #BAFDFD;
color: #BAFDFD;
border-color: #BAFDFD;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFD
300
#88FCFC
400
#48FAFA
500
#07F8F8
600
#06C6C6
700
#059F9F
800
#047C7C
900
#075A5A
950
#053939

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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