#EEDCAA Color

#EEDCAA is rgb(238, 220, 170) in RGB and hsl(44, 67%, 80%) in HSL. The closest CSS named color is Wheat. Black text is most readable on this background.

#EEDCAA

HEX#EEDCAA

RGBrgb(238, 220, 170)

HSLhsl(44, 67%, 80%)

HSVhsv(44, 29%, 93%)

OKLCHoklch(89.7% 0.068 90.6)

CMYKcmyk(0%, 8%, 29%, 7%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #EEDCAA background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.36:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text15.45:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #EEDCAA based on color wheel relationships. Click any swatch for its full breakdown.

Base#EEDCAA Complementary#AABCEE Analogous#EEBAAA Analogous#DEEEAA Triadic#AAEEDC Triadic#DCAAEE

Tints & Shades

Lighter tints and darker shades of #EEDCAA, useful for hover states, backgrounds, and text variants.

Tints

#F1E1B7 #F2E5BF #F5EACC #F7EDD4 #F9F3E1 #FBF6EA

Shades

#E5C97B #DCB54C #C89D28 #9E7C1F #6F5716 #40320D

Use #EEDCAA in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex