#F8DD4C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This glowing yellow feels fresh and spontaneous. It brings an infectious sense of positivity and opportunity to a design. Because it grabs attention immediately, marketers often use this warm tone for sale signs or construction alerts where visibility matters most. The hex code for this cheerful shade is #f8dd4c.
Questions about #f8dd4c
What is #f8dd4c in RGB, HSL and CMYK?
In RGB, #f8dd4c is rgb(248, 221, 76), in HSL hsl(51, 92%, 64%) and in CMYK 0%, 11%, 69%, 3%. Browse more shades of yellow with names and hex codes.
What kind of yellow is #f8dd4c?
This is a high-energy, glowing yellow that feels exceptionally fresh and spontaneous. It leans toward a warm, sunny hue that grabs immediate attention while avoiding the harsh, acidic qualities often found in more neon or lime-tinted yellows.
What colors pair best with #f8dd4c?
Deep charcoal greys or dark navy blues provide the best contrast, allowing this bright yellow to pop without overpowering the layout. For a softer look, pair it with muted lavender or soft sage greens to balance its high saturation.
Is this yellow appropriate for UI design?
Use this yellow sparingly for accents or call-to-action buttons rather than large background areas. Its high visibility makes it perfect for alerts or sale tags, but it can quickly cause eye fatigue if used as a primary text color.
Is #f8dd4c readable on white or black?
#f8dd4c has a 1.36:1 contrast ratio on white and 15.43: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.