#BAFEFA

#BAFEFA

Color Values

HEX

#BAFEFA

RGB

186, 254, 250

HSL

176.5, 97.1%, 86.3%

HSV

176.5, 26.8%, 99.6%

CMYK

26.8%, 0.0%, 1.6%, 0.4%

OKLCH

0.9509 0.0676 191.5

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BAFEFA

#FEBABE

Analogous

#BAFED8

#BAE0FE

#BAFEFA

Triadic

#BAFEFA

#FABAFE

#FEFABA

Split Complementary

#BAFEFA

#FEBAE0

#FED8BA

Tetradic

#BAFEFA

#D8BAFE

#FEBABE

#E0FEBA

Color Blindness Simulation

Original

#BAFEFA

Protanopia

#D7D8FB

Deuteranopia

#D4CEFB

Tritanopia

#BDFCFC

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B9FEFA
300
#86FDF6
400
#45FCF2
500
#04FBED
600
#03C9BD
700
#02A198
800
#027E76
900
#065B56
950
#043936

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.64: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