#E2F7D6

#E2F7D6

Color Values

HEX

#E2F7D6

RGB

226, 247, 214

HSL

98.2, 67.3%, 90.4%

HSV

98.2, 13.4%, 96.9%

CMYK

8.5%, 0.0%, 13.4%, 3.1%

OKLCH

0.952 0.0489 134.0

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#E2F7D6

#EBD6F7

Analogous

#F2F7D6

#D6F7DB

#E2F7D6

Triadic

#E2F7D6

#D6E2F7

#F7D6E2

Split Complementary

#E2F7D6

#DBD6F7

#F7D6F2

Tetradic

#E2F7D6

#D6F2F7

#EBD6F7

#F7DBD6

Color Blindness Simulation

Original

#E2F7D6

Protanopia

#EBEBDE

Deuteranopia

#EAE8E0

Tritanopia

#E3E4E6

Achromatopsia

#F0F0F0

CSS Usage

background-color: #E2F7D6;
color: #E2F7D6;
border-color: #E2F7D6;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F6FCF3
100
#EAF7E3
200
#D5F3C3
300
#B7EB99
400
#8FE061
500
#68D52A
600
#53AB21
700
#43891B
800
#346B15
900
#284E13
950
#1A310C

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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