#ECECF4

#ECECF4

Color Values

HEX

#ECECF4

RGB

236, 236, 244

HSL

240.0, 26.7%, 94.1%

HSV

240.0, 3.3%, 95.7%

CMYK

3.3%, 3.3%, 0.0%, 4.3%

OKLCH

0.9454 0.0107 286.2

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#ECECF4

#F4F4EC

Analogous

#ECF0F4

#F0ECF4

#ECECF4

Triadic

#ECECF4

#F4ECEC

#ECF4EC

Split Complementary

#ECECF4

#F4F0EC

#F0F4EC

Tetradic

#ECECF4

#F4ECF0

#F4F4EC

#ECF4F0

Color Blindness Simulation

Original

#ECECF4

Protanopia

#ECECF2

Deuteranopia

#ECECF2

Tritanopia

#ECF1F0

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9E9F1
200
#D2D2E5
300
#B1B1D2
400
#8787BA
500
#5D5DA2
600
#4B4B81
700
#3C3C67
800
#2F2F51
900
#25253C
950
#171726

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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