#E2E697

#E2E697

Color Values

HEX

#E2E697

RGB

226, 230, 151

HSL

63.0, 61.2%, 74.7%

HSV

63.0, 34.3%, 90.2%

CMYK

1.7%, 0.0%, 34.3%, 9.8%

OKLCH

0.9039 0.1005 110.7

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#E2E697

#9B97E6

Analogous

#E6C297

#BBE697

#E2E697

Triadic

#E2E697

#97E2E6

#E697E2

Split Complementary

#E2E697

#97BBE6

#C297E6

Tetradic

#E2E697

#97E6C2

#9B97E6

#E697BB

Color Blindness Simulation

Original

#E2E697

Protanopia

#E4E4AA

Deuteranopia

#E4E3AF

Tritanopia

#E2B9BD

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#EFF1C5
300
#E4E79C
400
#D5DA67
500
#C6CE31
600
#9EA428
700
#7F8420
800
#636719
900
#484B16
950
#2E2F0E

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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