#EBE900 Hex Color

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

Hex color #ebe900 graphic
#ebe900 is an intense, glowing yellow with high-voltage energy. It demands attention, which makes it ideal for call-to-action buttons or cautionary icons. Avoid using this hex code for large backgrounds, as the saturation quickly overwhelms the eyes. It works best as a sharp accent against dark grays or black, where its high contrast ensures excellent readability for small UI elements.

Questions about #ebe900

What is #ebe900 in RGB, HSL and CMYK?
In RGB, #ebe900 is rgb(235, 233, 0), in HSL hsl(59, 100%, 46%) and in CMYK 0%, 1%, 100%, 8%.
How can I effectively use #ebe900 in web design?
Because #ebe900 is so saturated, reserve it for small, high-impact UI elements like call-to-action buttons or alert icons. It creates strong visual hierarchy when placed against charcoal or deep black backgrounds, ensuring maximum readability without overwhelming the user's eyes.
Is #ebe900 suitable for large-scale backgrounds or text?
Avoid using #ebe900 for large backgrounds or body text, as the intensity can cause eye fatigue and significantly reduce accessibility. If you must use this yellow for text, ensure it is set against a very dark, high-contrast background to meet WCAG standards.
Is #ebe900 readable on white or black?
#ebe900 has a 1.29:1 contrast ratio on white and 16.18: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.