#E2F3AE

#E2F3AE

Color Values

HEX

#E2F3AE

RGB

226, 243, 174

HSL

74,8, 74,2%, 81,8%

HSV

74,8, 28,4%, 95,3%

CMYK

7,0%, 0,0%, 28,4%, 4,7%

OKLCH

0,9351 0,0908 119,4

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#E2F3AE

#BFAEF3

Analogous

#F3E2AE

#C0F3AE

#E2F3AE

Triadic

#E2F3AE

#AEE2F3

#F3AEE2

Split Complementary

#E2F3AE

#AEC0F3

#E2AEF3

Tetradic

#E2F3AE

#AEF3E2

#BFAEF3

#F3AEC0

Color Blindness Simulation

Original

#E2F3AE

Protanopia

#E9EABF

Deuteranopia

#E8E7C3

Tritanopia

#E3CCCF

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F3F8E2
200
#E9F6C1
300
#D9EF94
400
#C4E75B
500
#AFDE21
600
#8CB21A
700
#708E15
800
#586F10
900
#415110
950
#29330A

Contrast Checker

Text on white

1,19:1

AA Fail AAA Fail

Text on black

17,67: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