#EDF74D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-luminosity and neon, #edf74d is a saturated yellow that demands immediate attention. Designers often rely on this hex code as a sharp accent for UI alerts or call-to-action buttons rather than a main background. Pair it with deep charcoal or black type, as these provide the necessary contrast for readability. It is far too intense for large-scale application.
Questions about #edf74d
What is #edf74d in RGB, HSL and CMYK?
In RGB, #edf74d is rgb(237, 247, 77), in HSL hsl(64, 91%, 64%) and in CMYK 4%, 0%, 69%, 3%.
How can I effectively use #edf74d in my UI design?
Reserve #edf74d strictly for small UI elements like notification badges, alert icons, or primary call-to-action buttons. Because it is highly intense, it will overwhelm a user if applied to large backgrounds or text blocks, leading to immediate eye fatigue.
Is #edf74d readable on white or black?
#edf74d has a 1.16:1 contrast ratio on white and 18.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.