#E2F094

#E2F094

Color Values

HEX

#E2F094

RGB

226, 240, 148

HSL

69.1, 75.4%, 76.1%

HSV

69.1, 38.3%, 94.1%

CMYK

5.8%, 0.0%, 38.3%, 5.9%

OKLCH

0.9243 0.1165 115.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#E2F094

#A294F0

Analogous

#F0D094

#B4F094

#E2F094

Triadic

#E2F094

#94E2F0

#F094E2

Split Complementary

#E2F094

#94B4F0

#D094F0

Tetradic

#E2F094

#94F0D0

#A294F0

#F094B4

Color Blindness Simulation

Original

#E2F094

Protanopia

#E8E8AA

Deuteranopia

#E7E6B0

Tritanopia

#E3BCC0

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F5F9E2
200
#EEF6C0
300
#E2F094
400
#D2E85A
500
#C2E01F
600
#9CB319
700
#7C8F14
800
#617010
900
#475110
950
#2D330A

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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