#BAFDD4

#BAFDD4

Color Values

HEX

#BAFDD4

RGB

186, 253, 212

HSL

143.3, 94.4%, 86.1%

HSV

143.3, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 16.2%, 0.8%

OKLCH

0.9385 0.0871 157.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFDD4

#FDBAE3

Analogous

#C2FDBA

#BAFDF6

#BAFDD4

Triadic

#BAFDD4

#D4BAFD

#FDD4BA

Split Complementary

#BAFDD4

#F6BAFD

#FDBAC2

Tetradic

#BAFDD4

#BAC2FD

#FDBAE3

#FDF6BA

Color Blindness Simulation

Original

#BAFDD4

Protanopia

#D7D8DE

Deuteranopia

#D3CEE0

Tritanopia

#BDE6E7

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEA
200
#BAFDD4
300
#88FCB5
400
#48FA8D
500
#07F865
600
#06C650
700
#059F40
800
#047C32
900
#075A27
950
#053919

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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