#E7B16A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, unsaturated orange brings a gentle glow to any interface. Because it lacks intensity, the hex code #e7b16a works well as a soft, approachable background that never overwhelms the user. It pairs unexpectedly well with deep charcoal or slate greys for a modern, grounded contrast. Since black text provides excellent accessibility on this shade, you can use it confidently for readable, friendly body content.
Questions about #e7b16a
What is #e7b16a in RGB, HSL and CMYK?
In RGB, #e7b16a is rgb(231, 177, 106), in HSL hsl(34, 72%, 66%) and in CMYK 0%, 23%, 54%, 9%.
What makes #e7b16a a good choice for interface backgrounds?
The #e7b16a hex color offers a low-intensity warmth that prevents visual fatigue while remaining highly readable. It creates a welcoming, approachable feel that allows charcoal or dark text to pop clearly without the harshness often found in brighter, saturated orange shades.
Which color combinations work best alongside #e7b16a?
Deep, cool neutrals provide the most grounded contrast for #e7b16a, allowing its gentle warmth to stand out. Pairing it with slate or charcoal balances the brightness, creating a modern aesthetic that is professional yet soft enough for wellness or lifestyle branding projects.
Is #e7b16a readable on white or black?
#e7b16a has a 1.92:1 contrast ratio on white and 10.89: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.