#EDD4AB

#EDD4AB

Color Values

HEX

#EDD4AB

RGB

237, 212, 171

HSL

37.3, 64.7%, 80.0%

HSV

37.3, 27.8%, 92.9%

CMYK

0.0%, 10.5%, 27.8%, 7.1%

OKLCH

0.8805 0.0606 80.0

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#EDD4AB

#ABC4ED

Analogous

#EDB3AB

#E5EDAB

#EDD4AB

Triadic

#EDD4AB

#ABEDD4

#D4ABED

Split Complementary

#EDD4AB

#ABE5ED

#B3ABED

Tetradic

#EDD4AB

#ABEDB3

#ABC4ED

#EDABE5

Color Blindness Simulation

Original

#EDD4AB

Protanopia

#E2E2B5

Deuteranopia

#E4E5B7

Tritanopia

#ECBDBE

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7F0E3
200
#F2E1C4
300
#E9CB9A
400
#DEB064
500
#D2942D
600
#A87624
700
#865E1D
800
#694A17
900
#4D3714
950
#30230D

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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