#ECFED5

#ECFED5

Color Values

HEX

#ECFED5

RGB

236, 254, 213

HSL

86,3, 95,3%, 91,6%

HSV

86,3, 16,1%, 99,6%

CMYK

7,1%, 0,0%, 16,1%, 0,4%

OKLCH

0,9733 0,0568 126,8

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#ECFED5

#E7D5FE

Analogous

#FEFBD5

#D8FED5

#ECFED5

Triadic

#ECFED5

#D5ECFE

#FED5EC

Split Complementary

#ECFED5

#D5D8FE

#FBD5FE

Tetradic

#ECFED5

#D5FEFB

#E7D5FE

#FED5D8

Color Blindness Simulation

Original

#ECFED5

Protanopia

#F4F4DF

Deuteranopia

#F3F1E1

Tritanopia

#EDE7E8

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EFFCDF
200
#DFFDB9
300
#C9FC87
400
#ACFB47
500
#8EF906
600
#72C705
700
#5B9F04
800
#477D03
900
#365A07
950
#223904

Contrast Checker

Text on white

1,07:1

AA Fail AAA Fail

Text on black

19,7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026