#FFD766 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Yuzu Marmalade is a warm, high-energy yellow that feels both sparkling and approachable. Its saturation makes it an excellent choice for 10% accent details like call-to-action buttons or highlights. Because black text maintains strong contrast against this hue, it works well for small, readable labels. Avoid using #ffd766 as a full background, as it can overwhelm the eye. The hex code for this shade is #ffd766.
About Yuzu Marmalade
spoonful of honey held up to the sun
What does yuzu marmalade mean?
Bright yellows like this one often signal optimism, energy, and playfulness, especially in food and summer-related design. Its high lightness and strong saturation make it feel warm and loud at the same time, never pale or shy.
Where you see yuzu marmalade
- lemon curd
- egg yolks
- sunflower petals
- honey
- ripe mango
- corn kernels
What it works for
It works for food packaging, playful branding, call-to-action buttons, and small accents that need to glow against darker colors.
What colors go with yuzu marmalade?
Teal #008080The cool blue-green balances the yellow's warmth and keeps both colors from feeling too loud.Plum #8e4585Deep purple sits near the opposite side of the color wheel, giving clean, strong contrast.Charcoal #36454fThe near-black gray tones down the brightness and lets the yellow work as the accent.Olive #808000The muted green shares the yellow's base, so the pair feels related instead of clashing.Dusty Rose #b56f76The soft pink and this yellow both lean warm, so together they stay gentle and cozy.
Questions about Yuzu Marmalade
What is the hex code for Yuzu Marmalade?
Yuzu Marmalade is #ffd766. In RGB that is rgb(255, 215, 102), in HSL hsl(44, 100%, 70%) and in CMYK 0%, 16%, 60%, 0%.
How should Yuzu Marmalade be used in interface design?
Yuzu Marmalade works best as a deliberate, high-energy accent color for call-to-action buttons or small graphical highlights rather than a full background. Because it is highly saturated, it pairs beautifully with charcoal or deep neutral text to maintain excellent readability.
Is Yuzu Marmalade readable on white or black?
Yuzu Marmalade has a 1.38:1 contrast ratio on white and 15.16: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.