#BAFDEC

#BAFDEC

Color Values

HEX

#BAFDEC

RGB

186, 253, 236

HSL

164,8, 94,4%, 86,1%

HSV

164,8, 26,5%, 99,2%

CMYK

26,5%, 0,0%, 6,7%, 0,8%

OKLCH

0,9447 0,0706 177,3

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFDEC

#FDBACB

Analogous

#BAFDCB

#BAEDFD

#BAFDEC

Triadic

#BAFDEC

#ECBAFD

#FDECBA

Split Complementary

#BAFDEC

#FDBAED

#FDCBBA

Tetradic

#BAFDEC

#CBBAFD

#FDBACB

#EDFDBA

Color Blindness Simulation

Original

#BAFDEC

Protanopia

#D7D8F0

Deuteranopia

#D3CEF1

Tritanopia

#BDF3F4

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BAFDEC
300
#88FCDE
400
#48FACD
500
#07F8BB
600
#06C696
700
#059F78
800
#047C5D
900
#075A45
950
#05392B

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026