#BAFCEE

#BAFCEE

Color Values

HEX

#BAFCEE

RGB

186, 252, 238

HSL

167,3, 91,7%, 85,9%

HSV

167,3, 26,2%, 98,8%

CMYK

26,2%, 0,0%, 5,6%, 1,2%

OKLCH

0,9432 0,0685 180,2

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFCEE

#FCBAC8

Analogous

#BAFCCD

#BAE9FC

#BAFCEE

Triadic

#BAFCEE

#EEBAFC

#FCEEBA

Split Complementary

#BAFCEE

#FCBAE9

#FCCDBA

Tetradic

#BAFCEE

#CDBAFC

#FCBAC8

#E9FCBA

Color Blindness Simulation

Original

#BAFCEE

Protanopia

#D7D7F1

Deuteranopia

#D3CEF2

Tritanopia

#BDF4F5

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF5
200
#BBFCEE
300
#8AFAE2
400
#4AF7D3
500
#0BF4C3
600
#08C49C
700
#079C7D
800
#057A61
900
#085848
950
#05382D

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,25: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