#EAF0DF

#EAF0DF

Color Values

HEX

#EAF0DF

RGB

234, 240, 223

HSL

81,2, 36,2%, 90,8%

HSV

81,2, 7,1%, 94,1%

CMYK

2,5%, 0,0%, 7,1%, 5,9%

OKLCH

0,946 0,0234 122,7

Properties

Cool Light Nearest: RAL 9002 Grey White

Color Harmonies

Complementary

#EAF0DF

#E5DFF0

Analogous

#F0EEDF

#E2F0DF

#EAF0DF

Triadic

#EAF0DF

#DFEAF0

#F0DFEA

Split Complementary

#EAF0DF

#DFE2F0

#EEDFF0

Tetradic

#EAF0DF

#DFF0EE

#E5DFF0

#F0DFE2

Color Blindness Simulation

Original

#EAF0DF

Protanopia

#EDEDE3

Deuteranopia

#ECECE4

Tritanopia

#EAE6E7

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E8
200
#DFE8CE
300
#C8D8AC
400
#ABC37E
500
#8DAE51
600
#718B41
700
#5A6F34
800
#475729
900
#354021
950
#222915

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026