#FFF0A4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

Buttered Popcorn is a luminous, unsaturated yellow with a gentle, mellow quality. Because this shade is so airy and light, it works well as a background for clean, modern interfaces. Use the hex code #fff0a4 alongside charcoal gray text to maximize readability. It feels approachable and youthful, making it a solid choice for playful branding or seasonal spring designs where white feels too sterile.

Questions about Buttered Popcorn

What is the hex code for Buttered Popcorn?

Buttered Popcorn is #fff0a4. In RGB that is rgb(255, 240, 164), in HSL hsl(50, 100%, 82%) and in CMYK 0%, 6%, 36%, 0%.

What colors pair best with Buttered Popcorn?

Buttered Popcorn thrives when paired with high-contrast, deep neutrals that ground its airy nature. Use charcoal or slate for text to ensure legibility, or try sage green for a softer, organic, and harmonious palette that feels natural.

Is Buttered Popcorn suitable for UI text?

This yellow is quite light, which makes it excellent for backgrounds but risky for text legibility. Always layer dark, high-contrast colors like espresso or navy over it to meet accessibility standards, as Buttered Popcorn lacks enough contrast against white text.

Is Buttered Popcorn readable on white or black?

Buttered Popcorn has a 1.15:1 contrast ratio on white and 18.25: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.

#FFF0A4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about Buttered Popcorn

Color tools

Resources