#E2B63B Hex Color

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

Hex color #e2b63b graphic
This glowing gold sits somewhere between a warm sunshine yellow and a deep mustard. Because #e2b63b is highly saturated, it works best as a punchy accent rather than a background color. Pair it with dark charcoal or deep navy for high-contrast legibility. The hex code #e2b63b captures attention immediately, making it a functional choice for buttons and call-to-action elements in design systems.

Questions about #e2b63b

What is #e2b63b in RGB, HSL and CMYK?
In RGB, #e2b63b is rgb(226, 182, 59), in HSL hsl(44, 74%, 56%) and in CMYK 0%, 19%, 74%, 11%.
What colors pair best with #e2b63b?
This saturated gold thrives against deep, neutral backgrounds like charcoal or navy. Because #e2b63b carries so much visual weight, using it as a high-contrast accent prevents it from overwhelming your design layout, ensuring text remains legible while retaining that punchy energy.
Is #e2b63b suitable for web text?
Due to its brightness, #e2b63b is rarely suitable for body text because it lacks sufficient contrast against white or light gray backgrounds. Use this color exclusively for UI elements like buttons, icons, or decorative accents that need to grab the user's attention quickly.
Is #e2b63b readable on white or black?
#e2b63b has a 1.91:1 contrast ratio on white and 10.98: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.