#E8ECF2

#E8ECF2

Color Values

HEX

#E8ECF2

RGB

232, 236, 242

HSL

216.0, 27.8%, 92.9%

HSV

216.0, 4.1%, 94.9%

CMYK

4.1%, 2.5%, 0.0%, 5.1%

OKLCH

0.9418 0.0092 258.3

Properties

Cool Light Nearest: NCS S 1000-N Near White

Color Harmonies

Complementary

#E8ECF2

#F2EEE8

Analogous

#E8F1F2

#E9E8F2

#E8ECF2

Triadic

#E8ECF2

#F2E8EC

#ECF2E8

Split Complementary

#E8ECF2

#F2E9E8

#F1F2E8

Tetradic

#E8ECF2

#F2E8F1

#F2EEE8

#E8F2E9

Color Blindness Simulation

Original

#E8ECF2

Protanopia

#EAEAF1

Deuteranopia

#EAE9F0

Tritanopia

#E8EFEF

Achromatopsia

#ECECEC

CSS Usage

background-color: #E8ECF2;
color: #E8ECF2;
border-color: #E8ECF2;
Nearest Tailwind: Slate 200 #E2E8F0

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D1D9E5
300
#B1BED3
400
#869BBB
500
#5C78A3
600
#4A6082
700
#3B4D68
800
#2E3C51
900
#242E3D
950
#171D26

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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