#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026