#ECEFDC

#ECEFDC

Color Values

HEX

#ECEFDC

RGB

236, 239, 220

HSL

69.5, 37.3%, 90.0%

HSV

69.5, 7.9%, 93.7%

CMYK

1.3%, 0.0%, 7.9%, 6.3%

OKLCH

0.9447 0.0253 114.2

Properties

Cool Light Nearest: RAL 9002 Grey White

Color Harmonies

Complementary

#ECEFDC

#DFDCEF

Analogous

#EFE9DC

#E2EFDC

#ECEFDC

Triadic

#ECEFDC

#DCECEF

#EFDCEC

Split Complementary

#ECEFDC

#DCE2EF

#E9DCEF

Tetradic

#ECEFDC

#DCEFE9

#DFDCEF

#EFDCE2

Color Blindness Simulation

Original

#ECEFDC

Protanopia

#EDEDE1

Deuteranopia

#EDEDE2

Tritanopia

#ECE4E5

Achromatopsia

#EDEDED

CSS Usage

background-color: #ECEFDC;
color: #ECEFDC;
border-color: #ECEFDC;
Nearest Tailwind: Yellow 50 #FEFCE8

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E4E9CE
300
#D1D9AB
400
#B9C47D
500
#A0AF50
600
#808C40
700
#667033
800
#505828
900
#3C4120
950
#262914

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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