#E2E9DF

#E2E9DF

Color Values

HEX

#E2E9DF

RGB

226, 233, 223

HSL

102.0, 18.5%, 89.4%

HSV

102.0, 4.3%, 91.4%

CMYK

3.0%, 0.0%, 4.3%, 8.6%

OKLCH

0.9259 0.0153 136.1

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#E2E9DF

#E6DFE9

Analogous

#E7E9DF

#DFE9E1

#E2E9DF

Triadic

#E2E9DF

#DFE2E9

#E9DFE2

Split Complementary

#E2E9DF

#E1DFE9

#E9DFE7

Tetradic

#E2E9DF

#DFE7E9

#E6DFE9

#E9E1DF

Color Blindness Simulation

Original

#E2E9DF

Protanopia

#E5E5E1

Deuteranopia

#E5E4E2

Tritanopia

#E2E3E4

Achromatopsia

#E7E7E7

CSS Usage

background-color: #E2E9DF;
color: #E2E9DF;
border-color: #E2E9DF;
Nearest Tailwind: Stone 200 #E7E5E4

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D9E2D5
300
#BDCDB6
400
#9AB28F
500
#769768
600
#5E7953
700
#4C6143
800
#3B4C34
900
#2D3928
950
#1D241A

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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