#ECD8C9

#ECD8C9

Color Values

HEX

#ECD8C9

RGB

236, 216, 201

HSL

25.7, 47.9%, 85.7%

HSV

25.7, 14.8%, 92.5%

CMYK

0.0%, 8.5%, 14.8%, 7.5%

OKLCH

0.8945 0.0301 59.3

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#ECD8C9

#C9DDEC

Analogous

#ECC9CC

#ECE9C9

#ECD8C9

Triadic

#ECD8C9

#C9ECD8

#D8C9EC

Split Complementary

#ECD8C9

#C9ECE9

#C9CCEC

Tetradic

#ECD8C9

#CCECC9

#C9DDEC

#E9C9EC

Color Blindness Simulation

Original

#ECD8C9

Protanopia

#E3E3CD

Deuteranopia

#E4E6CE

Tritanopia

#EBCFD0

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD9CA
300
#DFBEA4
400
#CE9A73
500
#BD7742
600
#975F35
700
#794C2B
800
#5E3B21
900
#452D1C
950
#2C1D11

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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