#ECEFD4

#ECEFD4

Color Values

HEX

#ECEFD4

RGB

236, 239, 212

HSL

66.7, 45.8%, 88.4%

HSV

66.7, 11.3%, 93.7%

CMYK

1.3%, 0.0%, 11.3%, 6.3%

OKLCH

0.9427 0.0357 112.2

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#ECEFD4

#D7D4EF

Analogous

#EFE4D4

#DEEFD4

#ECEFD4

Triadic

#ECEFD4

#D4ECEF

#EFD4EC

Split Complementary

#ECEFD4

#D4DEEF

#E4D4EF

Tetradic

#ECEFD4

#D4EFE4

#D7D4EF

#EFD4DE

Color Blindness Simulation

Original

#ECEFD4

Protanopia

#EDEDDB

Deuteranopia

#EDEDDC

Tritanopia

#ECE0E1

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E8ECCB
300
#D8DEA6
400
#C2CC75
500
#ADBA45
600
#8A9537
700
#6F772C
800
#565D23
900
#40441C
950
#282B12

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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