#E2F244

#E2F244

Color Values

HEX

#E2F244

RGB

226, 242, 68

HSL

65.5, 87.0%, 60.8%

HSV

65.5, 71.9%, 94.9%

CMYK

6.6%, 0.0%, 71.9%, 5.1%

OKLCH

0.9199 0.1873 114.7

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#E2F244

#5444F2

Analogous

#F2AB44

#8BF244

#E2F244

Triadic

#E2F244

#44E2F2

#F244E2

Split Complementary

#E2F244

#448BF2

#AB44F2

Tetradic

#E2F244

#44F2AB

#5444F2

#F2448B

Color Blindness Simulation

Original

#E2F244

Protanopia

#E9E96E

Deuteranopia

#E8E778

Tritanopia

#E38F97

Achromatopsia

#E2E2E2

CSS Usage

background-color: #E2F244;
color: #E2F244;
border-color: #E2F244;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FCFDF2
100
#F8FAE0
200
#F5FABC
300
#EDF78D
400
#E4F34F
500
#DAEE11
600
#AEBF0D
700
#8C990B
800
#6D7708
900
#4F560B
950
#323707

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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