#ECDEE3

#ECDEE3

Color Values

HEX

#ECDEE3

RGB

236, 222, 227

HSL

338.6, 26.9%, 89.8%

HSV

338.6, 5.9%, 92.5%

CMYK

0.0%, 5.9%, 3.8%, 7.5%

OKLCH

0.9132 0.0167 353.7

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#ECDEE3

#DEECE7

Analogous

#ECDEEA

#ECE0DE

#ECDEE3

Triadic

#ECDEE3

#E3ECDE

#DEE3EC

Split Complementary

#ECDEE3

#DEECE0

#DEEAEC

Tetradic

#ECDEE3

#EAECDE

#DEECE7

#E0DEEC

Color Blindness Simulation

Original

#ECDEE3

Protanopia

#E6E6E2

Deuteranopia

#E7E8E1

Tritanopia

#EBE1E1

Achromatopsia

#E1E1E1

CSS Usage

background-color: #ECDEE3;
color: #ECDEE3;
border-color: #ECDEE3;
Nearest Tailwind: Zinc 200 #E4E4E7

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D9
300
#D2B1BD
400
#BA8799
500
#A25D76
600
#814B5E
700
#683C4B
800
#512F3B
900
#3C252D
950
#26171C

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026