#EDE4CC

#EDE4CC

Color Values

HEX

#EDE4CC

RGB

237, 228, 204

HSL

43.6, 47.8%, 86.5%

HSV

43.6, 13.9%, 92.9%

CMYK

0.0%, 3.8%, 13.9%, 7.1%

OKLCH

0.9197 0.0333 89.9

Properties

Warm Light Nearest: cornsilk 2

Color Harmonies

Complementary

#EDE4CC

#CCD5ED

Analogous

#EDD4CC

#E6EDCC

#EDE4CC

Triadic

#EDE4CC

#CCEDE4

#E4CCED

Split Complementary

#EDE4CC

#CCE6ED

#D4CCED

Tetradic

#EDE4CC

#CCEDD4

#CCD5ED

#EDCCE6

Color Blindness Simulation

Original

#EDE4CC

Protanopia

#E9E9D2

Deuteranopia

#EAEAD3

Tritanopia

#EDD6D7

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F0E6
200
#ECE3CA
300
#DFCFA5
400
#CEB574
500
#BC9B43
600
#977C35
700
#79632B
800
#5E4E21
900
#453A1C
950
#2C2511

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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