#BAFCE5

#BAFCE5

Color Values

HEX

#BAFCE5

RGB

186, 252, 229

HSL

159.1, 91.7%, 85.9%

HSV

159.1, 26.2%, 98.8%

CMYK

26.2%, 0.0%, 9.1%, 1.2%

OKLCH

0.9407 0.073 171.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFCE5

#FCBAD1

Analogous

#BAFCC4

#BAF2FC

#BAFCE5

Triadic

#BAFCE5

#E5BAFC

#FCE5BA

Split Complementary

#BAFCE5

#FCBAF2

#FCC4BA

Tetradic

#BAFCE5

#C4BAFC

#FCBAD1

#F2FCBA

Color Blindness Simulation

Original

#BAFCE5

Protanopia

#D7D7EB

Deuteranopia

#D3CEEC

Tritanopia

#BDEFF0

Achromatopsia

#ECECEC

CSS Usage

background-color: #BAFCE5;
color: #BAFCE5;
border-color: #BAFCE5;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BBFCE5
300
#8AFAD3
400
#4AF7BB
500
#0BF4A3
600
#08C482
700
#079C68
800
#057A51
900
#08583D
950
#053826

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026