#ECDDCC

#ECDDCC

Color Values

HEX

#ECDDCC

RGB

236, 221, 204

HSL

31.9, 45.7%, 86.3%

HSV

31.9, 13.6%, 92.5%

CMYK

0.0%, 6.4%, 13.6%, 7.5%

OKLCH

0.905 0.0282 70.9

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#ECDDCC

#CCDBEC

Analogous

#ECCDCC

#EBECCC

#ECDDCC

Triadic

#ECDDCC

#CCECDD

#DDCCEC

Split Complementary

#ECDDCC

#CCEBEC

#CDCCEC

Tetradic

#ECDDCC

#CCECCD

#CCDBEC

#ECCCEB

Color Blindness Simulation

Original

#ECDDCC

Protanopia

#E6E5D0

Deuteranopia

#E6E8D1

Tritanopia

#EBD3D4

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDCCB
300
#DEC4A6
400
#CCA376
500
#BA8345
600
#956937
700
#77542C
800
#5D4223
900
#44321D
950
#2B1F12

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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