#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