#ECD5B4

#ECD5B4

Color Values

HEX

#ECD5B4

RGB

236, 213, 180

HSL

35.4, 59.6%, 81.6%

HSV

35.4, 23.7%, 92.5%

CMYK

0.0%, 9.7%, 23.7%, 7.5%

OKLCH

0.8836 0.0507 76.9

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#ECD5B4

#B4CBEC

Analogous

#ECB9B4

#E7ECB4

#ECD5B4

Triadic

#ECD5B4

#B4ECD5

#D5B4EC

Split Complementary

#ECD5B4

#B4E7EC

#B9B4EC

Tetradic

#ECD5B4

#B4ECB9

#B4CBEC

#ECB4E7

Color Blindness Simulation

Original

#ECD5B4

Protanopia

#E2E2BC

Deuteranopia

#E3E5BE

Tritanopia

#EBC2C4

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1DFC6
300
#E6C89D
400
#D9AB68
500
#CB8D34
600
#A37129
700
#825A21
800
#66471A
900
#4A3516
950
#2F220E

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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