#FFDE00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ffde00 is a high-energy, neon yellow with intense luminosity. Its aggressive brightness makes it perfect for sale banners or construction alerts where immediate attention is required. Because of its extreme saturation, it functions best as a 10% accent color rather than a primary background. It pairs exceptionally well with charcoal gray or deep navy text, providing accessible contrast for all your UI designs.
Questions about #ffde00
What is #ffde00 in RGB, HSL and CMYK?
In RGB, #ffde00 is rgb(255, 222, 0), in HSL hsl(52, 100%, 50%) and in CMYK 0%, 13%, 100%, 0%.
What is the best way to use #ffde00 in UI design?
Use #ffde00 sparingly as a 10% accent color for alerts or sale banners, as its intense luminosity can easily overwhelm the eyes. Pairing it with high-contrast text like charcoal or deep navy ensures your content remains readable and accessible.
Does #ffde00 work well as a primary background color?
Avoid using #ffde00 as a full-page background color because its extreme saturation creates significant eye strain for users. It is much more effective as a small, deliberate highlight that draws immediate attention to critical interface buttons or notification badges.
Is #ffde00 readable on white or black?
#ffde00 has a 1.33:1 contrast ratio on white and 15.70: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.