#BAFCEF

#BAFCEF

Color Values

HEX

#BAFCEF

RGB

186, 252, 239

HSL

168.2, 91.7%, 85.9%

HSV

168.2, 26.2%, 98.8%

CMYK

26.2%, 0.0%, 5.2%, 1.2%

OKLCH

0.9435 0.0681 181.3

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFCEF

#FCBAC7

Analogous

#BAFCCE

#BAE8FC

#BAFCEF

Triadic

#BAFCEF

#EFBAFC

#FCEFBA

Split Complementary

#BAFCEF

#FCBAE8

#FCCEBA

Tetradic

#BAFCEF

#CEBAFC

#FCBAC7

#E8FCBA

Color Blindness Simulation

Original

#BAFCEF

Protanopia

#D7D7F2

Deuteranopia

#D3CEF3

Tritanopia

#BDF5F5

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF6
200
#BBFCEF
300
#8AFAE4
400
#4AF7D5
500
#0BF4C6
600
#08C49F
700
#079C7F
800
#057A63
900
#085849
950
#05382E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.26:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026