#BAFDD2

#BAFDD2

Color Values

HEX

#BAFDD2

RGB

186, 253, 210

HSL

141.5, 94.4%, 86.1%

HSV

141.5, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 17.0%, 0.8%

OKLCH

0.938 0.0888 156.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFDD2

#FDBAE5

Analogous

#C4FDBA

#BAFDF4

#BAFDD2

Triadic

#BAFDD2

#D2BAFD

#FDD2BA

Split Complementary

#BAFDD2

#F4BAFD

#FDBAC4

Tetradic

#BAFDD2

#BAC4FD

#FDBAE5

#FDF4BA

Color Blindness Simulation

Original

#BAFDD2

Protanopia

#D7D8DC

Deuteranopia

#D3CEDF

Tritanopia

#BDE5E6

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBE9
200
#BAFDD2
300
#88FCB1
400
#48FA87
500
#07F85D
600
#06C64B
700
#059F3C
800
#047C2F
900
#075A25
950
#053917

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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