#ECFED2

#ECFED2

Color Values

HEX

#ECFED2

RGB

236, 254, 210

HSL

84.5, 95.7%, 91.0%

HSV

84.5, 17.3%, 99.6%

CMYK

7.1%, 0.0%, 17.3%, 0.4%

OKLCH

0.9726 0.0604 125.6

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFED2

#E4D2FE

Analogous

#FEFAD2

#D6FED2

#ECFED2

Triadic

#ECFED2

#D2ECFE

#FED2EC

Split Complementary

#ECFED2

#D2D6FE

#FAD2FE

Tetradic

#ECFED2

#D2FEFA

#E4D2FE

#FED2D6

Color Blindness Simulation

Original

#ECFED2

Protanopia

#F4F4DD

Deuteranopia

#F3F1DF

Tritanopia

#EDE5E7

Achromatopsia

#F7F7F7

CSS Usage

background-color: #ECFED2;
color: #ECFED2;
border-color: #ECFED2;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FEF1
100
#F0FCDF
200
#E2FDB9
300
#CDFC87
400
#B1FB46
500
#96FA05
600
#78C804
700
#60A004
800
#4B7D03
900
#385A07
950
#233904

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

19.67:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026