#E2F2D1

#E2F2D1

Color Values

HEX

#E2F2D1

RGB

226, 242, 209

HSL

89.1, 55.9%, 88.4%

HSV

89.1, 13.6%, 94.9%

CMYK

6.6%, 0.0%, 13.6%, 5.1%

OKLCH

0.9406 0.0468 128.4

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#E2F2D1

#E1D1F2

Analogous

#F2F1D1

#D1F2D1

#E2F2D1

Triadic

#E2F2D1

#D1E2F2

#F2D1E2

Split Complementary

#E2F2D1

#D1D1F2

#F1D1F2

Tetradic

#E2F2D1

#D1F2F1

#E1D1F2

#F2D1D1

Color Blindness Simulation

Original

#E2F2D1

Protanopia

#E9E9D9

Deuteranopia

#E8E7DB

Tritanopia

#E3DFE1

Achromatopsia

#ECECEC

CSS Usage

background-color: #E2F2D1;
color: #E2F2D1;
border-color: #E2F2D1;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F7FBF4
100
#EDF6E5
200
#DCEFC7
300
#C3E4A0
400
#A2D56C
500
#82C738
600
#689F2D
700
#537F24
800
#41631C
900
#314918
950
#1F2E0F

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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