#E1F2CF

#E1F2CF

Color Values

HEX

#E1F2CF

RGB

225, 242, 207

HSL

89.1, 57.4%, 88.0%

HSV

89.1, 14.5%, 94.9%

CMYK

7.0%, 0.0%, 14.5%, 5.1%

OKLCH

0.9394 0.0496 128.5

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#E1F2CF

#E0CFF2

Analogous

#F2F1CF

#CFF2CF

#E1F2CF

Triadic

#E1F2CF

#CFE1F2

#F2CFE1

Split Complementary

#E1F2CF

#CFCFF2

#F1CFF2

Tetradic

#E1F2CF

#CFF2F1

#E0CFF2

#F2CFCF

Color Blindness Simulation

Original

#E1F2CF

Protanopia

#E8E9D7

Deuteranopia

#E7E6D9

Tritanopia

#E2DEE0

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E4
200
#DCF0C7
300
#C3E59F
400
#A2D76A
500
#82C936
600
#68A12B
700
#538023
800
#41641B
900
#314917
950
#1F2E0F

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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