#E2FECF

#E2FECF

Color Values

HEX

#E2FECF

RGB

226, 254, 207

HSL

95,7, 95,9%, 90,4%

HSV

95,7, 18,5%, 99,6%

CMYK

11,0%, 0,0%, 18,5%, 0,4%

OKLCH

0,9648 0,0682 132,8

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#E2FECF

#EBCFFE

Analogous

#FAFECF

#CFFED4

#E2FECF

Triadic

#E2FECF

#CFE2FE

#FECFE2

Split Complementary

#E2FECF

#D4CFFE

#FECFFA

Tetradic

#E2FECF

#CFFAFE

#EBCFFE

#FED4CF

Color Blindness Simulation

Original

#E2FECF

Protanopia

#EEEEDA

Deuteranopia

#ECEADD

Tritanopia

#E3E3E5

Achromatopsia

#F5F5F5

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDF
200
#D5FEB9
300
#B7FC87
400
#8FFB46
500
#68FA05
600
#53C804
700
#43A003
800
#347D03
900
#295A07
950
#1A3904

Contrast Checker

Text on white

1,09:1

AA Fail AAA Fail

Text on black

19,31: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