#FFDE4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A high-energy, sparkling yellow, #ffde4d brings immediate attention to call-to-action buttons or sale banners. Because of its intense brightness, it functions best as a small accent rather than a full background. The hex code for this glowing tone is #ffde4d. It pairs exceptionally well with deep charcoal text, which offers strong readability while grounding the color’s inherent spontaneity.
Questions about #ffde4d
What is #ffde4d in RGB, HSL and CMYK?
In RGB, #ffde4d is rgb(255, 222, 77), in HSL hsl(49, 100%, 65%) and in CMYK 0%, 13%, 70%, 0%.
How can I use #ffde4d effectively in digital design?
Use #ffde4d as a high-impact accent color for elements like call-to-action buttons or notification badges rather than large backgrounds. Because of its intense brightness, it pairs best with dark, grounding text like charcoal to maintain strong readability.
Does #ffde4d work well as a primary background color?
Generally, avoid using #ffde4d as a full-page background because its high saturation can quickly overwhelm the viewer and strain the eyes. Instead, apply this yellow to smaller UI elements to draw immediate attention without sacrificing the overall user experience.
Is #ffde4d readable on white or black?
#ffde4d has a 1.32:1 contrast ratio on white and 15.80: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.