#FEC84E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling yellow feels warm and high-energy without becoming aggressive. Because of its high saturation, #fec84e works best as a punchy accent rather than a full background. It pairs exceptionally well with deep charcoal grays to create high-contrast, legible calls to action. The hex code for this glowing tone is #fec84e, providing a perfect touch of positivity for sale buttons or alert banners in UI design.
Questions about #fec84e
What is #fec84e in RGB, HSL and CMYK?
In RGB, #fec84e is rgb(254, 200, 78), in HSL hsl(42, 99%, 65%) and in CMYK 0%, 21%, 69%, 0%.
How should I use #fec84e in UI design?
#fec84e functions most effectively as a high-visibility accent color for conversion-focused elements like buttons or notification banners. Because of its intense saturation, avoid using it as a primary background, as it can quickly overwhelm the visual hierarchy of your layout.
What colors pair well with #fec84e?
This warm yellow creates a sophisticated, legible contrast when paired with dark neutral tones like charcoal. Using deep, cool grays balances the high energy of #fec84e, making it suitable for professional interfaces that still require a touch of modern, positive brightness.
Is #fec84e readable on white or black?
#fec84e has a 1.54:1 contrast ratio on white and 13.58: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.