#EAF2EE

#EAF2EE

Color Values

HEX

#EAF2EE

RGB

234, 242, 238

HSL

150.0, 23.5%, 93.3%

HSV

150.0, 3.3%, 94.9%

CMYK

3.3%, 0.0%, 1.7%, 5.1%

OKLCH

0.954 0.01 164.9

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#EAF2EE

#F2EAEE

Analogous

#EAF2EA

#EAF2F2

#EAF2EE

Triadic

#EAF2EE

#EEEAF2

#F2EEEA

Split Complementary

#EAF2EE

#F2EAF2

#F2EAEA

Tetradic

#EAF2EE

#EAEAF2

#F2EAEE

#F2F2EA

Color Blindness Simulation

Original

#EAF2EE

Protanopia

#EDEEEF

Deuteranopia

#EDECEF

Tritanopia

#EAF0F0

Achromatopsia

#F0F0F0

CSS Usage

background-color: #EAF2EE;
color: #EAF2EE;
border-color: #EAF2EE;
Nearest Tailwind: Stone 100 #F5F5F4

Tailwind Shades

50
#F6F9F7
100
#EAF1ED
200
#D3E4DB
300
#B3D0C2
400
#8AB7A1
500
#629D80
600
#4E7E66
700
#3E6552
800
#314F40
900
#263B30
950
#18251F

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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