#E4FDEC

#E4FDEC

Color Values

HEX

#E4FDEC

RGB

228, 253, 236

HSL

139.2, 86.2%, 94.3%

HSV

139.2, 9.9%, 99.2%

CMYK

9.9%, 0.0%, 6.7%, 0.8%

OKLCH

0.9713 0.0344 156.0

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#E4FDEC

#FDE4F5

Analogous

#E8FDE4

#E4FDF8

#E4FDEC

Triadic

#E4FDEC

#ECE4FD

#FDECE4

Split Complementary

#E4FDEC

#F8E4FD

#FDE4E8

Tetradic

#E4FDEC

#E4E8FD

#FDE4F5

#FDF8E4

Color Blindness Simulation

Original

#E4FDEC

Protanopia

#EFEFF0

Deuteranopia

#EDECF1

Tritanopia

#E5F3F4

Achromatopsia

#F6F6F6

CSS Usage

background-color: #E4FDEC;
color: #E4FDEC;
border-color: #E4FDEC;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F2FDF5
100
#E0FAE8
200
#BDFAD0
300
#8DF7AF
400
#4FF283
500
#12ED58
600
#0EBE46
700
#0B9838
800
#09772C
900
#0B5623
950
#073616

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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