#E9ECF2

#E9ECF2

Color Values

HEX

#E9ECF2

RGB

233, 236, 242

HSL

220.0, 25.7%, 93.1%

HSV

220.0, 3.7%, 94.9%

CMYK

3.7%, 2.5%, 0.0%, 5.1%

OKLCH

0.9425 0.0087 264.5

Properties

Cool Light Nearest: NCS S 1000-N Near White

Color Harmonies

Complementary

#E9ECF2

#F2EFE9

Analogous

#E9F0F2

#EAE9F2

#E9ECF2

Triadic

#E9ECF2

#F2E9EC

#ECF2E9

Split Complementary

#E9ECF2

#F2EAE9

#F0F2E9

Tetradic

#E9ECF2

#F2E9F0

#F2EFE9

#E9F2EA

Color Blindness Simulation

Original

#E9ECF2

Protanopia

#EAEAF1

Deuteranopia

#EAEAF0

Tritanopia

#E9EFEF

Achromatopsia

#ECECEC

CSS Usage

background-color: #E9ECF2;
color: #E9ECF2;
border-color: #E9ECF2;
Nearest Tailwind: Gray 200 #E5E7EB

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D2D8E4
300
#B2BDD2
400
#8899B9
500
#5F75A0
600
#4C5D80
700
#3D4B67
800
#2F3A50
900
#252D3C
950
#181C26

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.75:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026