#E2DED0 Color

#E2DED0 is rgb(226, 222, 208) in RGB and hsl(47, 24%, 85%) in HSL. The closest CSS named color is Gainsboro. Black text is most readable on this background.

#E2DED0

HEX#E2DED0

RGBrgb(226, 222, 208)

HSLhsl(47, 24%, 85%)

HSVhsv(47, 8%, 89%)

OKLCHoklch(90% 0.019 93.7)

CMYKcmyk(0%, 2%, 8%, 11%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#E2DED0 Complementary#D0D4E2 Analogous#E2D5D0 Analogous#DDE2D0 Triadic#D0E2DE Triadic#DED0E2

Tints & Shades

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

Tints

#E6E2D6 #EAE7DC #EEEBE3 #EFEDE6 #F3F2EC #F7F6F2

Shades

#CBC4AA #B5AB87 #9E9161 #7B714C #554E34 #332E1F

Use #E2DED0 in Our Tools

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