#ECFDF5

#ECFDF5

Color Values

HEX

#ECFDF5

RGB

236, 253, 245

HSL

151.8, 81.0%, 95.9%

HSV

151.8, 6.7%, 99.2%

CMYK

6.7%, 0.0%, 3.2%, 0.8%

OKLCH

0.9793 0.0207 166.1

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#ECFDF5

#FDECF4

Analogous

#ECFDED

#ECFDFD

#ECFDF5

Triadic

#ECFDF5

#F5ECFD

#FDF5EC

Split Complementary

#ECFDF5

#FDECFD

#FDEDEC

Tetradic

#ECFDF5

#EDECFD

#FDECF4

#FDFDEC

Color Blindness Simulation

Original

#ECFDF5

Protanopia

#F3F4F7

Deuteranopia

#F2F1F7

Tritanopia

#EDF8F9

Achromatopsia

#F9F9F9

CSS Usage

background-color: #ECFDF5;
color: #ECFDF5;
border-color: #ECFDF5;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F2FDF8
100
#E1F9EE
200
#BEF8DD
300
#90F3C5
400
#54EDA5
500
#18E786
600
#13B96B
700
#109456
800
#0C7343
900
#0D5433
950
#083520

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

19.94:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Emerald

Emerald 50

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