#FED500 Hex Color

High-energy yellow that demands immediate attention

Hex color #fed500 graphic
#fed500 is an intense, high-saturation yellow that commands attention. Because this shade is so aggressive, it functions best as a small accent or call-to-action button rather than a background color. It pairs surprisingly well with deep charcoals or dark navy blues for a high-contrast, modern aesthetic. Black text remains perfectly legible over this hex code, ensuring that your critical interface copy never gets lost.

Questions about #fed500

What is #fed500 in RGB, HSL and CMYK?
In RGB, #fed500 is rgb(254, 213, 0), in HSL hsl(50, 100%, 50%) and in CMYK 0%, 16%, 100%, 0%.
Where should I use #fed500 in my interface design?
#fed500 functions best as a small accent or call-to-action button because of its high-intensity, aggressive nature. Using it for large backgrounds can overwhelm the user, so keep it strictly for elements that require immediate visual priority.
What colors pair well with #fed500?
This yellow pairs effectively with navy or deep charcoal to create a high-contrast, modern aesthetic. Using these dark, neutral tones balances the intensity of #fed500 while ensuring the yellow pop doesn't become visually exhausting to the viewer.
Is #fed500 readable on white or black?
#fed500 has a 1.42:1 contrast ratio on white and 14.73: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.