#F7D788 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Pancake is a pale, buttery yellow with warm undertones and high luminosity. It functions best as an airy background for spring themes or casual brand identities. Because this shade offers excellent contrast with black text, it works well for readable UI elements. The hex code for this color is #f7d788. Pair it with deep charcoal rather than white to avoid a washed-out appearance.
About Pancake
Butter on a hot griddle, morning light through a kitchen window
What does pancake mean?
People often read pale warm yellows as cheerful and easygoing, connected to breakfast, sunshine, and the first mild days of spring. Its high lightness and low saturation keep it soft and mellow, a warm glow without the sharpness of a purer yellow.
Where you see pancake
- butter
- corn silk
- straw hats
- maple syrup
- chick feathers
- ripe banana flesh
What it works for
Use it as a background or accent where you want warmth that stays relaxed, such as packaging, interiors, or friendly interfaces.
What colors go with pancake?
Teal #008080The cool depth of teal makes this soft yellow look brighter and cleaner.Terracotta #e2725bBoth are warm and muted, so the pair feels earthy and comfortable.Plum #8e4585Dark plum gives the pale yellow weight and a rich, jammy contrast.Charcoal #36454fCharcoal grounds the lightness, keeping the yellow from feeling washed out.Sage #9caf88Sage and pale yellow share a gentle softness for calm, garden-fresh palettes.
Questions about Pancake
What is the hex code for Pancake?
Pancake is #f7d788. In RGB that is rgb(247, 215, 136), in HSL hsl(43, 87%, 75%) and in CMYK 0%, 13%, 45%, 3%.
Is Pancake readable on white or black?
Pancake has a 1.39:1 contrast ratio on white and 15.03: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.