#E3D346 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-energy yellow demands attention. Because it is so saturated, #e3d346 functions best as a small accent color rather than a primary background. It pairs well with charcoal or deep, near-black tones, which maintain a 13.7:1 contrast ratio for perfect legibility. The hex code for this punchy, sharp shade is #e3d346. Use it to inject immediate urgency or enthusiasm into graphic elements.
Questions about #e3d346
What is #e3d346 in RGB, HSL and CMYK?
In RGB, #e3d346 is rgb(227, 211, 70), in HSL hsl(54, 74%, 58%) and in CMYK 0%, 7%, 69%, 11%. Browse more shades of yellow with names and hex codes.
What colors pair well with the yellow #e3d346?
Because #e3d346 is so highly saturated, it pairs best with deep, neutral tones like charcoal or near-black, which provide the high contrast necessary to keep your design legible. Avoid pairing it with other bright neons, as they will clash.
Is #e3d346 suitable for text on a white background?
No, #e3d346 is too bright and lacks sufficient contrast against white to meet basic accessibility standards for readability. Always use this color for graphical elements, buttons, or icons rather than body text or fine details on light backgrounds.
Is #e3d346 readable on white or black?
#e3d346 has a 1.53:1 contrast ratio on white and 13.67: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.