#ECEDED

#ECEDED

Color Values

HEX

#ECEDED

RGB

236, 237, 237

HSL

180.0, 2.7%, 92.7%

HSV

180.0, 0.4%, 92.9%

CMYK

0.4%, 0.0%, 0.0%, 7.1%

OKLCH

0.9453 0.0011 197.1

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#ECEDED

#EDECEC

Analogous

#ECEDEC

#ECECED

#ECEDED

Triadic

#ECEDED

#EDECED

#EDEDEC

Split Complementary

#ECEDED

#EDECEC

#EDECEC

Tetradic

#ECEDED

#ECECED

#EDECEC

#ECEDEC

Color Blindness Simulation

Original

#ECEDED

Protanopia

#ECECED

Deuteranopia

#ECECED

Tritanopia

#ECEDED

Achromatopsia

#EDEDED

CSS Usage

background-color: #ECEDED;
color: #ECEDED;
border-color: #ECEDED;
Nearest Tailwind: Zinc 100 #F4F4F5

Tailwind Shades

50
#F7F8F8
100
#EDEEEE
200
#DADCDC
300
#C0C3C3
400
#9EA3A3
500
#7C8383
600
#636969
700
#4F5454
800
#3E4141
900
#2F3232
950
#1E1F1F

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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