#FDE047 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bright, high-saturation yellow that commands attention with a neon glow. Because #fde047 is so intense, it works best as an accent color in digital UI rather than a full background. Pair it with dark charcoal or deep navy for the best legibility. Black text is highly readable against this hex code, providing a sharp, high-contrast look for call-to-action buttons or highlights.
Questions about #fde047
What is #fde047 in RGB, HSL and CMYK?
In RGB, #fde047 is rgb(253, 224, 71), in HSL hsl(50, 98%, 64%) and in CMYK 0%, 11%, 72%, 1%.
How do I use #fde047 effectively in UI design?
Use #fde047 sparingly as an accent color rather than a background to avoid visual fatigue. It excels on buttons, progress bars, or notification badges when paired with high-contrast text like charcoal to ensure the design remains readable and accessible.
What colors pair well with #fde047?
This intense yellow demands dark, grounding neutrals to balance its saturation. It creates a modern, sophisticated look when paired with deep navy or charcoal, which allow the brightness of the yellow to pop without overpowering the layout.
Is #fde047 readable on white or black?
#fde047 has a 1.31:1 contrast ratio on white and 15.92: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.