#FFDC20 Hex Color

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

Hex color #ffdc20 graphic
This neon yellow is high-energy and practically glows on screen. Because of its intensity, #ffdc20 works best as a 10% accent color rather than a primary background. It grabs attention for sales or alerts immediately. Black text provides excellent readability against this hue with a 15.5:1 contrast ratio. Designers rely on this hex code for buttons or calls to action that need to stand out.

Questions about #ffdc20

What is #ffdc20 in RGB, HSL and CMYK?
In RGB, #ffdc20 is rgb(255, 220, 32), in HSL hsl(51, 100%, 56%) and in CMYK 0%, 14%, 87%, 0%.
How can I use #ffdc20 effectively in web design?
Because #ffdc20 is so intense, it works best as an accent color for calls to action or alert boxes rather than a main background. It pairs exceptionally well with dark charcoal or black text to ensure high readability and contrast.
Is #ffdc20 readable on white or black?
#ffdc20 has a 1.35:1 contrast ratio on white and 15.51: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.