#BAFCEA

#BAFCEA

Color Values

HEX

#BAFCEA

RGB

186, 252, 234

HSL

163.6, 91.7%, 85.9%

HSV

163.6, 26.2%, 98.8%

CMYK

26.2%, 0.0%, 7.1%, 1.2%

OKLCH

0.942 0.0703 176.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFCEA

#FCBACC

Analogous

#BAFCC9

#BAEDFC

#BAFCEA

Triadic

#BAFCEA

#EABAFC

#FCEABA

Split Complementary

#BAFCEA

#FCBAED

#FCC9BA

Tetradic

#BAFCEA

#C9BAFC

#FCBACC

#EDFCBA

Color Blindness Simulation

Original

#BAFCEA

Protanopia

#D7D7EE

Deuteranopia

#D3CEEF

Tritanopia

#BDF2F3

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BBFCEA
300
#8AFADB
400
#4AF7C8
500
#0BF4B5
600
#08C490
700
#079C74
800
#057A5A
900
#085843
950
#05382A

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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