#ECD5AB

#ECD5AB

Color Values

HEX

#ECD5AB

RGB

236, 213, 171

HSL

38.8, 63.1%, 79.8%

HSV

38.8, 27.5%, 92.5%

CMYK

0.0%, 9.7%, 27.5%, 7.5%

OKLCH

0.8816 0.0607 82.5

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#ECD5AB

#ABC2EC

Analogous

#ECB5AB

#E2ECAB

#ECD5AB

Triadic

#ECD5AB

#ABECD5

#D5ABEC

Split Complementary

#ECD5AB

#ABE2EC

#B5ABEC

Tetradic

#ECD5AB

#ABECB5

#ABC2EC

#ECABE2

Color Blindness Simulation

Original

#ECD5AB

Protanopia

#E2E2B5

Deuteranopia

#E3E5B8

Tritanopia

#EBBDBF

Achromatopsia

#D7D7D7

CSS Usage

background-color: #ECD5AB;
color: #ECD5AB;
border-color: #ECD5AB;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FBF9F3
100
#F7F0E4
200
#F2E2C5
300
#E8CD9B
400
#DCB265
500
#D0972F
600
#A67926
700
#85611E
800
#684C18
900
#4C3915
950
#30240D

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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