#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026