#E8C163 Hex Color

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

Hex color #e8c163 graphic
#e8c163 is a mellow, golden yellow with a high luminosity that feels approachable and fresh. Because it maintains strong contrast against black text, it works well for UI backgrounds or readable large type. Pair this hue with charcoal grays for a balanced look, or look toward similar orange shades if you need more saturation. Avoid using it as a primary base for busy designs, as it can overwhelm the eye.

Questions about #e8c163

What is #e8c163 in RGB, HSL and CMYK?
In RGB, #e8c163 is rgb(232, 193, 99), in HSL hsl(42, 74%, 65%) and in CMYK 0%, 17%, 57%, 9%.
What colors pair well with #e8c163 in design?
This golden yellow balances beautifully against dark neutrals like charcoal or deep navy to create a grounded, professional look. Using it alongside softer, desaturated greens or earthy terracotta tones creates a warm, organic feeling that avoids being overly aggressive.
Is #e8c163 suitable for text on a white background?
While #e8c163 is visually striking, it often lacks the necessary contrast ratio to be used as body text on white. It is better reserved for large, bold headings or UI elements where its inherent brightness can serve as an effective focal point.
Is #e8c163 readable on white or black?
#e8c163 has a 1.71:1 contrast ratio on white and 12.23: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.