#ECFDD4

#ECFDD4

Color Values

HEX

#ECFDD4

RGB

236, 253, 212

HSL

84.9, 91.1%, 91.2%

HSV

84.9, 16.2%, 99.2%

CMYK

6.7%, 0.0%, 16.2%, 0.8%

OKLCH

0.971 0.0565 125.8

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFDD4

#E5D4FD

Analogous

#FDFAD4

#D8FDD4

#ECFDD4

Triadic

#ECFDD4

#D4ECFD

#FDD4EC

Split Complementary

#ECFDD4

#D4D8FD

#FAD4FD

Tetradic

#ECFDD4

#D4FDFA

#E5D4FD

#FDD4D8

Color Blindness Simulation

Original

#ECFDD4

Protanopia

#F3F4DE

Deuteranopia

#F2F1E0

Tritanopia

#EDE6E7

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#E1FCBB
300
#CBFA8A
400
#AFF74B
500
#93F40B
600
#76C309
700
#5E9C07
800
#4A7A06
900
#375809
950
#233806

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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