#BAFDD7

#BAFDD7

Color Values

HEX

#BAFDD7

RGB

186, 253, 215

HSL

146.0, 94.4%, 86.1%

HSV

146.0, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 15.0%, 0.8%

OKLCH

0.9392 0.0846 159.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFDD7

#FDBAE0

Analogous

#BFFDBA

#BAFDF9

#BAFDD7

Triadic

#BAFDD7

#D7BAFD

#FDD7BA

Split Complementary

#BAFDD7

#F9BAFD

#FDBABF

Tetradic

#BAFDD7

#BABFFD

#FDBAE0

#FDF9BA

Color Blindness Simulation

Original

#BAFDD7

Protanopia

#D7D8E0

Deuteranopia

#D3CEE2

Tritanopia

#BDE7E9

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBEB
200
#BAFDD7
300
#88FCBA
400
#48FA95
500
#07F86F
600
#06C659
700
#059F47
800
#047C38
900
#075A2B
950
#05391B

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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