#ECFDD9

#ECFDD9

Color Values

HEX

#ECFDD9

RGB

236, 253, 217

HSL

88.3, 90.0%, 92.2%

HSV

88.3, 14.2%, 99.2%

CMYK

6.7%, 0.0%, 14.2%, 0.8%

OKLCH

0.9722 0.0504 128.0

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFDD9

#EAD9FD

Analogous

#FDFCD9

#DAFDD9

#ECFDD9

Triadic

#ECFDD9

#D9ECFD

#FDD9EC

Split Complementary

#ECFDD9

#D9DAFD

#FCD9FD

Tetradic

#ECFDD9

#D9FDFC

#EAD9FD

#FDD9DA

Color Blindness Simulation

Original

#ECFDD9

Protanopia

#F3F4E2

Deuteranopia

#F2F1E4

Tritanopia

#EDE9EA

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DDFBBB
300
#C5F98B
400
#A5F64C
500
#86F20D
600
#6BC20A
700
#569B08
800
#437906
900
#335809
950
#203706

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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