#ECD9DC

#ECD9DC

Color Values

HEX

#ECD9DC

RGB

236, 217, 220

HSL

350.5, 33.3%, 88.8%

HSV

350.5, 8.1%, 92.5%

CMYK

0.0%, 8.1%, 6.8%, 7.5%

OKLCH

0.9015 0.0213 6.7

Properties

Warm Light Nearest: lavenderblush 2

Color Harmonies

Complementary

#ECD9DC

#D9ECE9

Analogous

#ECD9E5

#ECDFD9

#ECD9DC

Triadic

#ECD9DC

#DCECD9

#D9DCEC

Split Complementary

#ECD9DC

#D9ECDF

#D9E5EC

Tetradic

#ECD9DC

#E5ECD9

#D9ECE9

#DFD9EC

Color Blindness Simulation

Original

#ECD9DC

Protanopia

#E4E4DB

Deuteranopia

#E5E6DB

Tritanopia

#EBDBDB

Achromatopsia

#DDDDDD

CSS Usage

background-color: #ECD9DC;
color: #ECD9DC;
border-color: #ECD9DC;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FAF5F6
100
#F2E8EA
200
#E7CFD3
300
#D6ADB4
400
#C0818B
500
#AA5562
600
#88444F
700
#6D363F
800
#552B31
900
#3F2227
950
#281518

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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