#E3F390

#E3F390

Color Values

HEX

#E3F390

RGB

227, 243, 144

HSL

69.7, 80.5%, 75.9%

HSV

69.7, 40.7%, 95.3%

CMYK

6.6%, 0.0%, 40.7%, 4.7%

OKLCH

0.9307 0.1245 116.4

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#E3F390

#A090F3

Analogous

#F3D290

#B2F390

#E3F390

Triadic

#E3F390

#90E3F3

#F390E3

Split Complementary

#E3F390

#90B2F3

#D290F3

Tetradic

#E3F390

#90F3D2

#A090F3

#F390B2

Color Blindness Simulation

Original

#E3F390

Protanopia

#EAEAA8

Deuteranopia

#E9E8AE

Tritanopia

#E4BBBF

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FBFDF2
100
#F5F9E1
200
#EFF8BF
300
#E3F391
400
#D4ED55
500
#C5E619
600
#9EB814
700
#7E9310
800
#62730C
900
#48540D
950
#2E3508

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.49:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026