#E4FED4

#E4FED4

Color Values

HEX

#E4FED4

RGB

228, 254, 212

HSL

97.1, 95.5%, 91.4%

HSV

97.1, 16.5%, 99.6%

CMYK

10.2%, 0.0%, 16.5%, 0.4%

OKLCH

0.9673 0.0615 133.5

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#E4FED4

#EED4FE

Analogous

#F9FED4

#D4FED9

#E4FED4

Triadic

#E4FED4

#D4E4FE

#FED4E4

Split Complementary

#E4FED4

#D9D4FE

#FED4F9

Tetradic

#E4FED4

#D4F9FE

#EED4FE

#FED9D4

Color Blindness Simulation

Original

#E4FED4

Protanopia

#EFEFDE

Deuteranopia

#EEECE1

Tritanopia

#E5E6E8

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDF
200
#D3FDB9
300
#B4FC87
400
#8BFB47
500
#63F906
600
#4FC705
700
#3FA004
800
#317D03
900
#275A07
950
#183904

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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