#E0D98A Color

#E0D98A is rgb(224, 217, 138) in RGB and hsl(55, 58%, 71%) in HSL. The closest CSS named color is Khaki. Black text is most readable on this background.

#E0D98A

HEX#E0D98A

RGBrgb(224, 217, 138)

HSLhsl(55, 58%, 71%)

HSVhsv(55, 38%, 88%)

OKLCHoklch(87.3% 0.1 103.9)

CMYKcmyk(0%, 3%, 38%, 12%)

Text Contrast & Accessibility

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

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

TextBlack text14.46:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#E0D98A Complementary#8A91E0 Analogous#E0AE8A Analogous#BCE08A Triadic#8AE0D9 Triadic#D98AE0

Tints & Shades

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

Tints

#E4DE9A #E9E3AA #EDE9BB #F0EDC7 #F4F2D7 #F9F7E7

Shades

#D5CC62 #CCC03E #A99F2D #857D23 #5D5719 #38350F

Use #E0D98A in Our Tools

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