#F7E26B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Vanilla Pudding is a bright, high-chroma yellow that commands attention. Because this shade is so saturated, it works best as a 10% accent color rather than a primary background. It pairs well with charcoal gray or deep navy to ground its energy. The hex code for this cheerful tone is #f7e26b. It provides excellent contrast with black text, making it a reliable choice for readable call-to-action buttons.
About Vanilla Pudding
Butter in a warm window
What does vanilla pudding mean?
Vanilla pudding yellow often calls up sunshine, optimism, and ripe fruit like bananas and lemons. Its high lightness and mellow saturation glow softly, giving a warm lift without shouting like pure yellow.
Where you see vanilla pudding
- banana peels
- butter
- corn kernels
- lemon curd
- school bus stripes
- sponge
What it works for
This color works well for kitchen accents, packaging, nursery textiles, and any design that needs cheerful warmth.
What colors go with vanilla pudding?
Plum #8e4585Deep purple against this yellow creates a rich contrast that feels ripe and fruity.Charcoal #36454fDark gray grounds the glow, keeping the yellow from floating away.Terracotta #e2725bWarm earth tones wrap around the yellow and soften its sparkle.Teal #008080The cool opposite hue makes the yellow look even brighter and fresher.Cream #fffdd0A near-white neighbor lets the yellow shine as the only loud voice.
Questions about Vanilla Pudding
What is the hex code for Vanilla Pudding?
Vanilla Pudding is #f7e26b. In RGB that is rgb(247, 226, 107), in HSL hsl(51, 90%, 69%) and in CMYK 0%, 9%, 57%, 3%.
How should I use Vanilla Pudding #f7e26b in a design layout?
Because #f7e26b is a highly saturated yellow, it works most effectively as a small accent rather than a primary background color. Use it sparingly for call-to-action buttons or highlights to prevent it from overwhelming more subtle, neutral design elements.
Is Vanilla Pudding readable on white or black?
Vanilla Pudding has a 1.30:1 contrast ratio on white and 16.04: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.