#EAFEDD

#EAFEDD

Color Values

HEX

#EAFEDD

RGB

234, 254, 221

HSL

96.4, 94.3%, 93.1%

HSV

96.4, 13.0%, 99.6%

CMYK

7.9%, 0.0%, 13.0%, 0.4%

OKLCH

0.9737 0.0481 133.0

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#EAFEDD

#F1DDFE

Analogous

#FAFEDD

#DDFEE0

#EAFEDD

Triadic

#EAFEDD

#DDEAFE

#FEDDEA

Split Complementary

#EAFEDD

#E0DDFE

#FEDDFA

Tetradic

#EAFEDD

#DDFAFE

#F1DDFE

#FEE0DD

Color Blindness Simulation

Original

#EAFEDD

Protanopia

#F3F3E5

Deuteranopia

#F2F0E7

Tritanopia

#EBEBED

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D4FDBA
300
#B5FC88
400
#8EFA48
500
#66F807
600
#51C606
700
#419F05
800
#337C04
900
#285A07
950
#193905

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

19.72:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026