#BAFDDC

#BAFDDC

Color Values

HEX

#BAFDDC

RGB

186, 253, 220

HSL

150.4, 94.4%, 86.1%

HSV

150.4, 26.5%, 99.2%

CMYK

26.5%, 0.0%, 13.0%, 0.8%

OKLCH

0.9405 0.0806 163.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFDDC

#FDBADB

Analogous

#BAFDBB

#BAFDFD

#BAFDDC

Triadic

#BAFDDC

#DCBAFD

#FDDCBA

Split Complementary

#BAFDDC

#FDBAFD

#FDBBBA

Tetradic

#BAFDDC

#BBBAFD

#FDBADB

#FDFDBA

Color Blindness Simulation

Original

#BAFDDC

Protanopia

#D7D8E4

Deuteranopia

#D3CEE6

Tritanopia

#BDEAEC

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BAFDDC
300
#88FCC3
400
#48FAA2
500
#07F881
600
#06C667
700
#059F53
800
#047C41
900
#075A31
950
#05391F

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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