#ECD9BD

#ECD9BD

Color Values

HEX

#ECD9BD

RGB

236, 217, 189

HSL

35.7, 55.3%, 83.3%

HSV

35.7, 19.9%, 92.5%

CMYK

0.0%, 8.1%, 19.9%, 7.5%

OKLCH

0.8935 0.0427 77.6

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#ECD9BD

#BDD0EC

Analogous

#ECC1BD

#E7ECBD

#ECD9BD

Triadic

#ECD9BD

#BDECD9

#D9BDEC

Split Complementary

#ECD9BD

#BDE7EC

#C1BDEC

Tetradic

#ECD9BD

#BDECC1

#BDD0EC

#ECBDE7

Color Blindness Simulation

Original

#ECD9BD

Protanopia

#E4E4C4

Deuteranopia

#E5E6C5

Tritanopia

#EBC9CA

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EFE5
200
#EFDFC8
300
#E4C8A0
400
#D5AB6C
500
#C68D39
600
#9E712E
700
#7F5A24
800
#63461C
900
#493518
950
#2E210F

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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