#D7C275 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Citrus Yellow is a soft, warm yellow with muted saturation and subtle tan undertones. Its mellow finish brings freshness and optimism to spring branding, baby products, sale graphics, and construction themes. Use it as a supporting background tone with navy or charcoal accents; black text remains highly readable. The hex code for Citrus Yellow is #d7c275.
About Citrus Yellow
Lemon curd stirred with a spoonful of sand
What does citrus yellow mean?
It commonly suggests easygoing warmth, reading like gold that has been softened into something friendlier and less formal. Its muted saturation and mid-level lightness give it a mellow, unhurried glow that warms a page without glaring.
Where you see citrus yellow
- lemon zest
- dry beach sand
- beeswax candles
- banana peels
- straw hats
- aged paper
What it works for
It works well for kitchenware and food packaging, bedroom walls, and designs that need warmth without heavy saturation.
What colors go with citrus yellow?
Dusty Teal #4c9085The cool teal offsets the warm glow, and both stay soft so neither one fights for attention.Deep Plum #4a2a59Dark plum pushes this light yellow forward and adds a jazzy, almost opalescent edge to the pair.Charcoal #36454fCharcoal gives the yellow a crisp stage without stealing its mellow, glittering light.Terracotta #e2725bTwo warm neighbors that get along because both keep their saturation low and their temperature high.Sage Green #9caf88Both colors are unsaturated, so the pairing reads fresh and calm, like herbs on a kitchen sill.
Questions about Citrus Yellow
What is the hex code for Citrus Yellow?
Citrus Yellow is #d7c275. In RGB that is rgb(215, 194, 117), in HSL hsl(47, 55%, 65%) and in CMYK 0%, 10%, 46%, 16%.
Is Citrus Yellow readable on white or black?
Citrus Yellow has a 1.77:1 contrast ratio on white and 11.86: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.