#E2EEDF

#E2EEDF

Color Values

HEX

#E2EEDF

RGB

226, 238, 223

HSL

108.0, 30.6%, 90.4%

HSV

108.0, 6.3%, 93.3%

CMYK

5.0%, 0.0%, 6.3%, 6.7%

OKLCH

0.936 0.0237 139.4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#E2EEDF

#EBDFEE

Analogous

#EAEEDF

#DFEEE4

#E2EEDF

Triadic

#E2EEDF

#DFE2EE

#EEDFE2

Split Complementary

#E2EEDF

#E4DFEE

#EEDFEA

Tetradic

#E2EEDF

#DFEAEE

#EBDFEE

#EEE4DF

Color Blindness Simulation

Original

#E2EEDF

Protanopia

#E7E7E3

Deuteranopia

#E6E6E4

Tritanopia

#E3E5E6

Achromatopsia

#EAEAEA

CSS Usage

background-color: #E2EEDF;
color: #E2EEDF;
border-color: #E2EEDF;
Nearest Tailwind: Green 50 #F0FDF4

Tailwind Shades

50
#F6F9F5
100
#EAF2E9
200
#D5E6D0
300
#B7D5AF
400
#8FBE84
500
#68A758
600
#538547
700
#436B39
800
#34532C
900
#283E23
950
#1A2716

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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