#ECFDE2

#ECFDE2

Color Values

HEX

#ECFDE2

RGB

236, 253, 226

HSL

97.8, 87.1%, 93.9%

HSV

97.8, 10.7%, 99.2%

CMYK

6.7%, 0.0%, 10.7%, 0.8%

OKLCH

0.9743 0.0397 133.7

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#ECFDE2

#F3E2FD

Analogous

#F9FDE2

#E2FDE5

#ECFDE2

Triadic

#ECFDE2

#E2ECFD

#FDE2EC

Split Complementary

#ECFDE2

#E5E2FD

#FDE2F9

Tetradic

#ECFDE2

#E2F9FD

#F3E2FD

#FDE5E2

Color Blindness Simulation

Original

#ECFDE2

Protanopia

#F3F4E9

Deuteranopia

#F2F1EA

Tritanopia

#EDEEEF

Achromatopsia

#F7F7F7

CSS Usage

background-color: #ECFDE2;
color: #ECFDE2;
border-color: #ECFDE2;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F6FDF2
100
#EAFAE0
200
#D3FABC
300
#B4F78C
400
#8BF34E
500
#63EF10
600
#4FBF0D
700
#3F990B
800
#317708
900
#27560A
950
#183707

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.71:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026