#E2EE88

#E2EE88

Color Values

HEX

#E2EE88

RGB

226, 238, 136

HSL

67.1, 75.0%, 73.3%

HSV

67.1, 42.9%, 93.3%

CMYK

5.0%, 0.0%, 42.9%, 6.7%

OKLCH

0.9182 0.1269 114.4

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#E2EE88

#9488EE

Analogous

#EEC788

#AFEE88

#E2EE88

Triadic

#E2EE88

#88E2EE

#EE88E2

Split Complementary

#E2EE88

#88AFEE

#C788EE

Tetradic

#E2EE88

#88EEC7

#9488EE

#EE88AF

Color Blindness Simulation

Original

#E2EE88

Protanopia

#E7E7A1

Deuteranopia

#E6E6A7

Tritanopia

#E3B4B8

Achromatopsia

#E4E4E4

CSS Usage

background-color: #E2EE88;
color: #E2EE88;
border-color: #E2EE88;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FBFCF2
100
#F6F9E2
200
#F0F6C1
300
#E5F094
400
#D7E75A
500
#C8DF20
600
#A0B319
700
#808F14
800
#647010
900
#495110
950
#2E330A

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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