#E2B648 Hex Color

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

Hex color #e2b648 graphic
#e2b648 is a warm, medium-saturation gold that carries a distinct sense of optimistic energy. Because it is highly legible, it works well for small text or UI accents. Use this color sparingly, as it can overwhelm large backgrounds. It looks sharp paired with deep charcoal or muted olive greens. The hex code for this glowing yellow is #e2b648.

Questions about #e2b648

What is #e2b648 in RGB, HSL and CMYK?
In RGB, #e2b648 is rgb(226, 182, 72), in HSL hsl(43, 73%, 58%) and in CMYK 0%, 19%, 68%, 11%.
What colors pair best with #e2b648 in a UI design?
#e2b648 shines most effectively when grounded by high-contrast neutrals like charcoal or deep, muted tones like olive. These darker partners prevent the yellow from vibrating against the background, ensuring your interface remains legible and sophisticated.
Is #e2b648 suitable for use as a primary background color?
Using #e2b648 as a large background often overwhelms the eye due to its high saturation and energy. It is much more effective as an accent color for buttons, call-to-action elements, or specific highlights that need to grab immediate user attention.
Is #e2b648 readable on white or black?
#e2b648 has a 1.90:1 contrast ratio on white and 11.01: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.