#E2EE60

#E2EE60

Color Values

HEX

#E2EE60

RGB

226, 238, 96

HSL

65.1, 80.7%, 65.5%

HSV

65.1, 59.7%, 93.3%

CMYK

5.0%, 0.0%, 59.7%, 6.7%

OKLCH

0.9135 0.1641 113.7

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#E2EE60

#6C60EE

Analogous

#EEB360

#9BEE60

#E2EE60

Triadic

#E2EE60

#60E2EE

#EE60E2

Split Complementary

#E2EE60

#609BEE

#B360EE

Tetradic

#E2EE60

#60EEB3

#6C60EE

#EE609B

Color Blindness Simulation

Original

#E2EE60

Protanopia

#E7E782

Deuteranopia

#E6E68B

Tritanopia

#E39EA3

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F7F9E1
200
#F3F8BE
300
#EBF390
400
#E0ED55
500
#D5E619
600
#AAB814
700
#889310
800
#6A730C
900
#4E540D
950
#313508

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026