#BAFDE5

#BAFDE5

Color Values

HEX

#BAFDE5

RGB

186, 253, 229

HSL

158.5, 94.4%, 86.1%

HSV

158.5, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 9.5%, 0.8%

OKLCH

0.9428 0.0744 170.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFDE5

#FDBAD2

Analogous

#BAFDC4

#BAF4FD

#BAFDE5

Triadic

#BAFDE5

#E5BAFD

#FDE5BA

Split Complementary

#BAFDE5

#FDBAF4

#FDC4BA

Tetradic

#BAFDE5

#C4BAFD

#FDBAD2

#F4FDBA

Color Blindness Simulation

Original

#BAFDE5

Protanopia

#D7D8EB

Deuteranopia

#D3CEEC

Tritanopia

#BDEFF0

Achromatopsia

#EDEDED

CSS Usage

background-color: #BAFDE5;
color: #BAFDE5;
border-color: #BAFDE5;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BAFDE5
300
#88FCD2
400
#48FABA
500
#07F8A2
600
#06C681
700
#059F67
800
#047C51
900
#075A3C
950
#053926

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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