#E2EC78

#E2EC78

Color Values

HEX

#E2EC78

RGB

226, 236, 120

HSL

65.2, 75.3%, 69.8%

HSV

65.2, 49.2%, 92.5%

CMYK

4.2%, 0.0%, 49.2%, 7.5%

OKLCH

0.9119 0.1406 113.2

Properties

Cool Light Nearest: khaki 1

Color Harmonies

Complementary

#E2EC78

#8278EC

Analogous

#ECBC78

#A8EC78

#E2EC78

Triadic

#E2EC78

#78E2EC

#EC78E2

Split Complementary

#E2EC78

#78A8EC

#BC78EC

Tetradic

#E2EC78

#78ECBC

#8278EC

#EC78A8

Color Blindness Simulation

Original

#E2EC78

Protanopia

#E6E694

Deuteranopia

#E6E59B

Tritanopia

#E2AAAF

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F7F9E2
200
#F2F6C0
300
#E8F094
400
#DBE85A
500
#CFE01F
600
#A5B319
700
#848F14
800
#677010
900
#4C5110
950
#30330A

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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