#E2F079

#E2F079

Color Values

HEX

#E2F079

RGB

226, 240, 121

HSL

67.1, 79.9%, 70.8%

HSV

67.1, 49.6%, 94.1%

CMYK

5.8%, 0.0%, 49.6%, 5.9%

OKLCH

0.9204 0.1444 114.8

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#E2F079

#8779F0

Analogous

#F0C379

#A6F079

#E2F079

Triadic

#E2F079

#79E2F0

#F079E2

Split Complementary

#E2F079

#79A6F0

#C379F0

Tetradic

#E2F079

#79F0C3

#8779F0

#F079A6

Color Blindness Simulation

Original

#E2F079

Protanopia

#E8E896

Deuteranopia

#E7E69D

Tritanopia

#E3ADB2

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FBFDF2
100
#F6F9E1
200
#F1F8BF
300
#E7F391
400
#DAEC55
500
#CDE51A
600
#A4B715
700
#839310
800
#67730D
900
#4B530E
950
#2F3509

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026