#ECECED

#ECECED

Color Values

HEX

#ECECED

RGB

236, 236, 237

HSL

240,0, 2,7%, 92,7%

HSV

240,0, 0,4%, 92,9%

CMYK

0,4%, 0,4%, 0,0%, 7,1%

OKLCH

0,9434 0,0013 286,4

Properties

Cool Light Nearest: NCS S 0500-N White

Color Harmonies

Complementary

#ECECED

#EDEDEC

Analogous

#ECECED

#ECECED

#ECECED

Triadic

#ECECED

#EDECEC

#ECEDEC

Split Complementary

#ECECED

#EDECEC

#ECEDEC

Tetradic

#ECECED

#EDECEC

#EDEDEC

#ECEDEC

Color Blindness Simulation

Original

#ECECED

Protanopia

#ECECED

Deuteranopia

#ECECED

Tritanopia

#ECEDED

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDEDEE
200
#DADADC
300
#C0C0C3
400
#9E9EA3
500
#7C7C83
600
#636369
700
#4F4F54
800
#3E3E41
900
#2F2F32
950
#1E1E1F

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026