#BAFCF4

#BAFCF4

Color Values

HEX

#BAFCF4

RGB

186, 252, 244

HSL

172,7, 91,7%, 85,9%

HSV

172,7, 26,2%, 98,8%

CMYK

26,2%, 0,0%, 3,2%, 1,2%

OKLCH

0,9449 0,0666 186,8

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFCF4

#FCBAC2

Analogous

#BAFCD3

#BAE3FC

#BAFCF4

Triadic

#BAFCF4

#F4BAFC

#FCF4BA

Split Complementary

#BAFCF4

#FCBAE3

#FCD3BA

Tetradic

#BAFCF4

#D3BAFC

#FCBAC2

#E3FCBA

Color Blindness Simulation

Original

#BAFCF4

Protanopia

#D7D7F6

Deuteranopia

#D3CEF6

Tritanopia

#BDF7F8

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BBFCF4
300
#8AFAEC
400
#4AF7E2
500
#0BF4D8
600
#08C4AD
700
#079C8A
800
#057A6C
900
#08584F
950
#053832

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,32:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fev 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fev 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fev 20, 2026