#DEC509 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dec509 is a high-energy yellow with a glowing, neon quality that demands immediate attention. Because it is so saturated, this shade works best as a small accent color or a CTA button rather than a large background. Black text provides excellent readability against this hue, ensuring clear communication. Designers use this hex code to inject enthusiasm and spontaneity into promotional materials or sale graphics.
Questions about #dec509
What is #dec509 in RGB, HSL and CMYK?
In RGB, #dec509 is rgb(222, 197, 9), in HSL hsl(53, 92%, 45%) and in CMYK 0%, 11%, 96%, 13%.
Does #dec509 work well with white text?
Using white text against #dec509 creates poor legibility because the brightness levels are too similar, resulting in a lack of contrast. You should always pair #dec509 with deep black or very dark charcoal text to ensure accessibility and clarity.
Where should I use #dec509 in a design interface?
Apply #dec509 sparingly as an accent color for functional elements like primary buttons, alert icons, or highlighted notification badges. Because of its extreme saturation, using it for large backgrounds can quickly overwhelm the viewer and tire the eyes.
Is #dec509 readable on white or black?
#dec509 has a 1.73:1 contrast ratio on white and 12.09: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.