#E5B31D Hex Color

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

Hex color #e5b31d graphic
This glowing golden-yellow brings an immediate sense of warmth and energy to any design. Because it is highly saturated, #e5b31d works best as a 10% accent color rather than a primary background, where it can easily overwhelm the eye. It pairs surprisingly well with deep charcoal or navy blues. Black text reads clearly against it, making this hex code a strong choice for high-visibility call-to-action buttons.

Questions about #e5b31d

What is #e5b31d in RGB, HSL and CMYK?
In RGB, #e5b31d is rgb(229, 179, 29), in HSL hsl(45, 79%, 51%) and in CMYK 0%, 22%, 87%, 10%.
Why is #e5b31d better as an accent than a primary color?
Because #e5b31d is highly saturated, using it as a primary background often creates visual fatigue and overwhelms the user. It works most effectively when applied sparingly to call-to-action buttons or small UI elements where that high visibility can guide user focus efficiently.
What colors balance the intensity of #e5b31d?
Deep, cool neutrals provide the best balance for this energetic hue. Pairing #e5b31d with charcoal or navy tones grounds the vibrancy, creating a sophisticated contrast that prevents the yellow from appearing too jarring or juvenile in your layout.
Is #e5b31d readable on white or black?
#e5b31d has a 1.94:1 contrast ratio on white and 10.79: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.