#EAFDE2

#EAFDE2

Color Values

HEX

#EAFDE2

RGB

234, 253, 226

HSL

102.2, 87.1%, 93.9%

HSV

102.2, 10.7%, 99.2%

CMYK

7.5%, 0.0%, 10.7%, 0.8%

OKLCH

0.9729 0.0407 136.3

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#EAFDE2

#F5E2FD

Analogous

#F7FDE2

#E2FDE7

#EAFDE2

Triadic

#EAFDE2

#E2EAFD

#FDE2EA

Split Complementary

#EAFDE2

#E7E2FD

#FDE2F7

Tetradic

#EAFDE2

#E2F7FD

#F5E2FD

#FDE7E2

Color Blindness Simulation

Original

#EAFDE2

Protanopia

#F2F2E9

Deuteranopia

#F1F0EA

Tritanopia

#EBEEEF

Achromatopsia

#F7F7F7

CSS Usage

background-color: #EAFDE2;
color: #EAFDE2;
border-color: #EAFDE2;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F5FDF2
100
#E8FAE0
200
#CFFABC
300
#ACF78C
400
#7FF34E
500
#52EF10
600
#42BF0D
700
#35990B
800
#297708
900
#21560A
950
#153707

Contrast Checker

Text on white

1.07:1

AA Fail AAA Fail

Text on black

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