#EDED3D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and attention-grabbing, #eded3d is a neon yellow with a high chroma that demands focus. This hex code works best as a sharp accent or call-to-action button rather than a large background, where it can easily overwhelm the eye. It creates a bold contrast against dark charcoal grays. Because black text maintains excellent readability against this shade, use it for urgent, high-visibility UI elements.
Questions about #eded3d
What is #eded3d in RGB, HSL and CMYK?
In RGB, #eded3d is rgb(237, 237, 61), in HSL hsl(60, 83%, 58%) and in CMYK 0%, 0%, 74%, 7%.
What is the best way to use #eded3d in UI design?
Use #eded3d strictly as an accent for call-to-action buttons, error notifications, or urgent status indicators. Because this neon yellow is visually overwhelming in large areas, pairing it with dark charcoal or black text ensures the necessary legibility and accessibility.
Does #eded3d work well with other bright colors?
Is #eded3d readable on white or black?
#eded3d has a 1.25:1 contrast ratio on white and 16.78: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.