#E4EE89

#E4EE89

Color Values

HEX

#E4EE89

RGB

228, 238, 137

HSL

65.9, 74.8%, 73.5%

HSV

65.9, 42.4%, 93.3%

CMYK

4.2%, 0.0%, 42.4%, 6.7%

OKLCH

0.9199 0.1255 113.5

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#E4EE89

#9389EE

Analogous

#EEC589

#B1EE89

#E4EE89

Triadic

#E4EE89

#89E4EE

#EE89E4

Split Complementary

#E4EE89

#89B1EE

#C589EE

Tetradic

#E4EE89

#89EEC5

#9389EE

#EE89B1

Color Blindness Simulation

Original

#E4EE89

Protanopia

#E8E8A1

Deuteranopia

#E8E7A7

Tritanopia

#E4B5B9

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F8E2
200
#F1F6C1
300
#E7F094
400
#D9E75A
500
#CCDF20
600
#A3B21A
700
#838F15
800
#666F10
900
#4B5110
950
#2F330A

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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