#E3EC96

#E3EC96

Color Values

HEX

#E3EC96

RGB

227, 236, 150

HSL

66.3, 69.4%, 75.7%

HSV

66.3, 36.4%, 92.5%

CMYK

3.8%, 0.0%, 36.4%, 7.5%

OKLCH

0.917 0.109 113.4

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#E3EC96

#9F96EC

Analogous

#ECCA96

#B8EC96

#E3EC96

Triadic

#E3EC96

#96E3EC

#EC96E3

Split Complementary

#E3EC96

#96B8EC

#CA96EC

Tetradic

#E3EC96

#96ECCA

#9F96EC

#EC96B8

Color Blindness Simulation

Original

#E3EC96

Protanopia

#E7E7AB

Deuteranopia

#E6E6B0

Tritanopia

#E3BBBF

Achromatopsia

#E4E4E4

CSS Usage

background-color: #E3EC96;
color: #E3EC96;
border-color: #E3EC96;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FBFCF3
100
#F5F8E3
200
#EFF4C3
300
#E3EC97
400
#D4E25F
500
#C5D827
600
#9EAD1F
700
#7E8A19
800
#636C14
900
#484F12
950
#2E320B

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.7:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026