#ECCD20 Hex Color

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

Hex color #eccd20 graphic
This bright, neon yellow carries a warm, energetic glow. Because #eccd20 is highly saturated, it functions best as a small accent rather than a full background. It pairs cleanly with black text, offering high readability with a 13.3:1 contrast ratio. Use this hex code for sale banners, budget highlights, or UI elements where you need to signal immediate enthusiasm and opportunity.

Questions about #eccd20

What is #eccd20 in RGB, HSL and CMYK?
In RGB, #eccd20 is rgb(236, 205, 32), in HSL hsl(51, 84%, 53%) and in CMYK 0%, 13%, 86%, 7%. Browse more shades of yellow with names and hex codes.
How should I use #eccd20 in a web interface?
Because #eccd20 is a highly saturated neon yellow, use it sparingly as a strategic accent color for call-to-action buttons or sale banners. It provides excellent visual interest without overwhelming the page when paired against charcoal or deep neutral text.
Is #eccd20 readable on white or black?
#eccd20 has a 1.57:1 contrast ratio on white and 13.31: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.