#E2ED84

#E2ED84

Color Values

HEX

#E2ED84

RGB

226, 237, 132

HSL

66.3, 74.5%, 72.4%

HSV

66.3, 44.3%, 92.9%

CMYK

4.6%, 0.0%, 44.3%, 7.1%

OKLCH

0.9156 0.1299 113.9

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#E2ED84

#8F84ED

Analogous

#EDC484

#AEED84

#E2ED84

Triadic

#E2ED84

#84E2ED

#ED84E2

Split Complementary

#E2ED84

#84AEED

#C484ED

Tetradic

#E2ED84

#84EDC4

#8F84ED

#ED84AE

Color Blindness Simulation

Original

#E2ED84

Protanopia

#E7E79D

Deuteranopia

#E6E5A4

Tritanopia

#E3B1B6

Achromatopsia

#E3E3E3

CSS Usage

background-color: #E2ED84;
color: #E2ED84;
border-color: #E2ED84;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#F0F6C1
300
#E6EF94
400
#D8E75A
500
#CBDE21
600
#A2B21A
700
#828E15
800
#656F10
900
#4A5110
950
#2F330A

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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