#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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026