#ECEDEE

#ECEDEE

Color Values

HEX

#ECEDEE

RGB

236, 237, 238

HSL

210.0, 5.6%, 92.9%

HSV

210.0, 0.8%, 93.3%

CMYK

0.8%, 0.4%, 0.0%, 6.7%

OKLCH

0.9456 0.0017 247.8

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#ECEDEE

#EEEDEC

Analogous

#ECEEEE

#ECECEE

#ECEDEE

Triadic

#ECEDEE

#EEECED

#EDEEEC

Split Complementary

#ECEDEE

#EEECEC

#EEEEEC

Tetradic

#ECEDEE

#EEECEE

#EEEDEC

#ECEEEC

Color Blindness Simulation

Original

#ECEDEE

Protanopia

#ECECEE

Deuteranopia

#ECECEE

Tritanopia

#ECEEEE

Achromatopsia

#EDEDED

CSS Usage

background-color: #ECEDEE;
color: #ECEDEE;
border-color: #ECEDEE;
Nearest Tailwind: Gray 100 #F3F4F6

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DBDD
300
#BEC2C5
400
#9BA1A6
500
#788087
600
#60666C
700
#4D5256
800
#3C4043
900
#2E3033
950
#1D1F20

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.91:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026