#BAFDE2

#BAFDE2

Color Values

HEX

#BAFDE2

RGB

186, 253, 226

HSL

155,8, 94,4%, 86,1%

HSV

155,8, 26,5%, 99,2%

CMYK

26,5%, 0,0%, 10,7%, 0,8%

OKLCH

0,942 0,0763 167,9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFDE2

#FDBAD5

Analogous

#BAFDC1

#BAF7FD

#BAFDE2

Triadic

#BAFDE2

#E2BAFD

#FDE2BA

Split Complementary

#BAFDE2

#FDBAF7

#FDC1BA

Tetradic

#BAFDE2

#C1BAFD

#FDBAD5

#F7FDBA

Color Blindness Simulation

Original

#BAFDE2

Protanopia

#D7D8E9

Deuteranopia

#D3CEEA

Tritanopia

#BDEEEF

Achromatopsia

#EDEDED

CSS Usage

background-color: #BAFDE2;
color: #BAFDE2;
border-color: #BAFDE2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFDE2
300
#88FCCD
400
#48FAB2
500
#07F897
600
#06C679
700
#059F60
800
#047C4B
900
#075A38
950
#053924

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,24: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