#E0B899 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e0b899 graphic
This dusty, muted orange sits between a peach and a light tan. Because it is highly unsaturated, #e0b899 functions best as a subtle background or a supporting neutral in spring-inspired palettes. Pair it with dark slate or charcoal to ground the softness. Its high contrast with black text makes it a legible, accessible choice for UI elements that need to feel approachable and clean.

Questions about #e0b899

What is #e0b899 in RGB, HSL and CMYK?
In RGB, #e0b899 is rgb(224, 184, 153), in HSL hsl(26, 53%, 74%) and in CMYK 0%, 18%, 32%, 12%.
What colors pair well with #e0b899 in a UI design?
Pair #e0b899 with deep charcoal or dark slate to ground its soft, unsaturated warmth. These dark, cool-toned neutrals provide necessary contrast for typography while keeping the overall palette feeling clean and approachable rather than washed out.
Is #e0b899 suitable for text on a white background?
While #e0b899 is legible, it lacks sufficient contrast against white to serve as primary body text under accessibility guidelines. Use this color primarily for background accents, subtle UI dividers, or large, bold headers where legibility is less critical than branding.
Is #e0b899 readable on white or black?
#e0b899 has a 1.82:1 contrast ratio on white and 11.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.