#ECD9CE

#ECD9CE

Color Values

HEX

#ECD9CE

RGB

236, 217, 206

HSL

22,0, 44,1%, 86,7%

HSV

22,0, 12,7%, 92,5%

CMYK

0,0%, 8,1%, 12,7%, 7,5%

OKLCH

0,8977 0,0258 52,2

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#ECD9CE

#CEE1EC

Analogous

#ECCED2

#ECE8CE

#ECD9CE

Triadic

#ECD9CE

#CEECD9

#D9CEEC

Split Complementary

#ECD9CE

#CEECE8

#CED2EC

Tetradic

#ECD9CE

#D2ECCE

#CEE1EC

#E8CEEC

Color Blindness Simulation

Original

#ECD9CE

Protanopia

#E4E4D1

Deuteranopia

#E5E6D1

Tritanopia

#EBD3D3

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4EBE6
200
#EBD7CC
300
#DDBBA7
400
#CA9677
500
#B87147
600
#935A39
700
#76482E
800
#5C3824
900
#442B1D
950
#2B1B12

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,38:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026