#E2F9CE

#E2F9CE

Color Values

HEX

#E2F9CE

RGB

226, 249, 206

HSL

92.1, 78.2%, 89.2%

HSV

92.1, 17.3%, 97.6%

CMYK

9.2%, 0.0%, 17.3%, 2.4%

OKLCH

0.9542 0.0615 130.5

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#E2F9CE

#E5CEF9

Analogous

#F7F9CE

#CEF9CF

#E2F9CE

Triadic

#E2F9CE

#CEE2F9

#F9CEE2

Split Complementary

#E2F9CE

#CFCEF9

#F9CEF7

Tetradic

#E2F9CE

#CEF7F9

#E5CEF9

#F9CFCE

Color Blindness Simulation

Original

#E2F9CE

Protanopia

#ECECD8

Deuteranopia

#EBE9DB

Tritanopia

#E3E1E2

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#ECF9E1
200
#D9F7BF
300
#BEF292
400
#9BEA57
500
#79E31C
600
#60B616
700
#4D9112
800
#3C720E
900
#2E530E
950
#1D3409

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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