#EDBE33 Hex Color

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

Hex color #edbe33 graphic
This warm, saturated gold radiates positivity and spontaneous energy. Use #edbe33 sparingly as a high-impact accent color rather than a primary background, as its intensity can easily overwhelm a design. It pairs beautifully with deep charcoal or navy blue to ground its brightness. The hex code is #edbe33, and it maintains high readability against black text, making it a functional choice for buttons and call-to-action elements.

Questions about #edbe33

What is #edbe33 in RGB, HSL and CMYK?
In RGB, #edbe33 is rgb(237, 190, 51), in HSL hsl(45, 84%, 56%) and in CMYK 0%, 20%, 78%, 7%.
How can I use #edbe33 effectively in a design layout?
Because #edbe33 is so saturated, it works best as a high-impact accent color rather than a primary background choice. Use it to draw attention to call-to-action buttons or small UI elements where its natural energy can shine without overwhelming your overall layout.
What colors pair well with #edbe33 to create balance?
To ground the intensity of #edbe33, pair it with deep, muted tones like charcoal or navy blue. These dark, neutral companions create a sophisticated contrast that keeps the golden hue from feeling chaotic while maintaining excellent readability for adjacent text.
Is #edbe33 readable on white or black?
#edbe33 has a 1.74:1 contrast ratio on white and 12.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.