#E2F2D8

#E2F2D8

Color Values

HEX

#E2F2D8

RGB

226, 242, 216

HSL

96.9, 50.0%, 89.8%

HSV

96.9, 10.7%, 94.9%

CMYK

6.6%, 0.0%, 10.7%, 5.1%

OKLCH

0.9423 0.0384 133.2

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#E2F2D8

#E8D8F2

Analogous

#EFF2D8

#D8F2DB

#E2F2D8

Triadic

#E2F2D8

#D8E2F2

#F2D8E2

Split Complementary

#E2F2D8

#DBD8F2

#F2D8EF

Tetradic

#E2F2D8

#D8EFF2

#E8D8F2

#F2DBD8

Color Blindness Simulation

Original

#E2F2D8

Protanopia

#E9E9DE

Deuteranopia

#E8E7E0

Tritanopia

#E3E3E4

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EBF5E6
200
#D7EDC9
300
#BBE0A3
400
#96D071
500
#71BF40
600
#5A9933
700
#487A29
800
#386020
900
#2B461B
950
#1B2C11

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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