#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026