#ECECF0

#ECECF0

Color Values

HEX

#ECECF0

RGB

236, 236, 240

HSL

240.0, 11.8%, 93.3%

HSV

240.0, 1.7%, 94.1%

CMYK

1.7%, 1.7%, 0.0%, 5.9%

OKLCH

0.9442 0.0053 286.3

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#ECECF0

#F0F0EC

Analogous

#ECEEF0

#EEECF0

#ECECF0

Triadic

#ECECF0

#F0ECEC

#ECF0EC

Split Complementary

#ECECF0

#F0EEEC

#EEF0EC

Tetradic

#ECECF0

#F0ECEE

#F0F0EC

#ECF0EE

Color Blindness Simulation

Original

#ECECF0

Protanopia

#ECECEF

Deuteranopia

#ECECEF

Tritanopia

#ECEEEE

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEBEF
200
#D7D7E0
300
#BBBBC9
400
#9696AC
500
#70708F
600
#5A5A72
700
#48485B
800
#383847
900
#2B2B36
950
#1B1B22

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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