#ECDED1

#ECDED1

Color Values

HEX

#ECDED1

RGB

236, 222, 209

HSL

28.9, 41.5%, 87.3%

HSV

28.9, 11.4%, 92.5%

CMYK

0.0%, 5.9%, 11.4%, 7.5%

OKLCH

0.9083 0.0233 65.4

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#ECDED1

#D1DFEC

Analogous

#ECD1D2

#ECECD1

#ECDED1

Triadic

#ECDED1

#D1ECDE

#DED1EC

Split Complementary

#ECDED1

#D1ECEC

#D1D2EC

Tetradic

#ECDED1

#D2ECD1

#D1DFEC

#ECD1EC

Color Blindness Simulation

Original

#ECDED1

Protanopia

#E6E6D4

Deuteranopia

#E7E8D5

Tritanopia

#EBD7D7

Achromatopsia

#E0E0E0

CSS Usage

background-color: #ECDED1;
color: #ECDED1;
border-color: #ECDED1;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADBCC
300
#DBC1A8
400
#C89F79
500
#B47E4B
600
#90643C
700
#735030
800
#5A3F25
900
#43301E
950
#2A1E13

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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