Using Lemon in design
HEX
#FFF44F
RGB
255, 244, 79
HSL
56°, 100%, 65%
HSV
56°, 69%, 100%
Lemon (#FFF44F) sits in the lively band where yellow picks up a hint of green — like sun through young leaves rather than buttercream. It feels citrus-bright without the electric edge of screen primaries, making it workable for friendly badges, summer campaigns, and fresh-packaging cues.
Best for
Marketing websites, social media graphics, and campaign landing pages.
Accessibility
Check contrast before using lemon for text-heavy layouts, especially on low-contrast backgrounds.
How does lemon compare to nearby colors?
What is the difference between lemon and saffron?
Lemon (#FFF44F) and Saffron (#F4C430) may look neighboring at first glance, yet their surface character diverges once they sit next to whites, charcoals, and other real layout neutrals. Lemon shifts the system toward paper, tint, and background behavior more than Saffron does. Begin with lemon when the family needs its current undertone and surface character; keep saffron for the nearby alternative that shifts the mood without leaving the same hue neighborhood.
What color is lemon?
Named after the fruit's peel in ideal lighting. Common in confectionery, cleaning-product identities, and illustrations where "fresh" and "zesty" are literal metaphors.
What is the hex code for lemon?
| Format | Value |
|---|---|
| HEX | #FFF44F |
| RGB | rgb(255, 244, 79) |
| HSL | hsl(56°, 100%, 65%) |
| HSV / HSB | hsv(56°, 69%, 100%) |
| CMYK (approx.) | cmyk(0%, 4%, 69%, 0%) |
Convert Lemon to other color formats
Open the color converter with Lemon (#FFF44F) prefilled to copy RGB, HSL, HSV, CMYK, or OKLCH values.
Convert Lemon in the color converter →What does lemon mean in design?
Lemon may evoke cleanliness, vitality, or mild tartness. Versus canary's warmer push, lemon often feels cooler and more green-yellow; versus dandelion, it tends to scan slightly cleaner and less earthy.
How do I use lemon in code?
| CSS (hex) | color: #FFF44F; |
| CSS (rgb) | color: rgb(255, 244, 79); |
| CSS (hsl) | color: hsl(56, 100%, 65%); |
| RGB % | rgb(100%, 96%, 31%) |
| Tailwind | text-[#FFF44F] |
| SwiftUI | Color(red: 1.000, green: 0.957, blue: 0.310) |
| UIKit | UIColor(red: 1.000, green: 0.957, blue: 0.310, alpha: 1.0) |
| Android | Color.rgb(255, 244, 79) |
| Compose | Color(0xFFFFF44F) |
| Web Safe | #FFFF66 |
Is lemon accessible?
| Combination | Ratio | AA | AA lg | AAA | AAA lg | UI |
|---|---|---|---|---|---|---|
| AaWhite text on this color | 1.15:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaBlack text on this color | 18.31:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
| AaThis color as text on white | 1.15:1 | ✗ | ✗ | ✗ | ✗ | ✗ |
| AaThis color as text on black | 18.31:1 | ✓ | ✓ | ✓ | ✓ | ✓ |
WCAG 2.1: AA normal ≥ 4.5:1, AA large text ≥ 3:1, AAA normal ≥ 7:1, AAA large ≥ 4.5:1, UI components ≥ 3:1.
How does lemon look with color blindness?
Simulated appearance for common types of color vision deficiency. Actual perception varies by individual.
What colors go with lemon
Charcoal lets lemon stay light and atmospheric while still giving the layout a readable dark value for text and hierarchy.
Navy blue makes lemon easier to control on slides, charts, and marketing surfaces where yellows otherwise run hot.
Cream takes the hard digital edge off lemon and makes the color feel more printed, paper-backed, and approachable.
What colors clash with lemon
With lemon, Neon Green pushes the work toward novelty or screen-effect territory faster than most brand or editorial systems can tolerate.
Magenta pushes lemon toward a nightclub or cosmetic register that is hard to square with calmer editorial or product work.
Cyan redirects lemon toward a more technical, backlit interpretation, which is risky when the goal is warmth, polish, or print-minded editorial work.
Light Gray is gentle enough that lemon loses some of its structure beside it; the pair can feel underbuilt rather than intentionally quiet.
How should I use lemon in design?
- •Lemon works as a primary accent or highlight color — bright enough to draw attention but check contrast carefully if using it for text on white backgrounds.
- •Cool neutrals like charcoal and slate sharpen lemon's warm character, while warm companions like cream and gold amplify its inviting quality.
- •Vivid colors like lemon work best as punctuation in a layout: CTAs, key metrics, or a single hero element. Surrounding neutrals keep it from fatiguing the viewer.
What are good lemon palettes?
Light touch
Marketing websites, social media graphics, and campaign landing pages.
Design with lemon in Moda
Create a presentation or document using lemon as your accent color. Moda's AI applies your color palette automatically.
Create a design with lemon →What are the shades and tints of lemon?
Shades (darker)
Tints (lighter)
Tones (desaturated)
Hue variations
What are the color harmonies for lemon?
Harmonies are calculated from the base swatch. When a harmony matches a named color page, it links there; otherwise it appears here as a computed reference swatch.
Similar colors
Maize
Maize sits close to lemon in hue, but its sunlit yellow cast changes the mood of the palette even when the contrast shift is small.
Mustard Yellow
Mustard Yellow is near enough to lemon to swap into the same palette, yet the undertone shift still decides whether the family reads warmer or cooler overall.
Dandelion
Dandelion stays very close to lemon in hue, but it lands darker, which makes it better for headlines, anchors, and darker sections than for lighter surfaces and more open applications.
Saffron
Saffron is almost the same hue as lemon; the real difference is value, with saffron feeling more grounded and anchor-ready.
Canary
Canary stays in the same color family as lemon, but the change in value moves it into different layout jobs, especially once backgrounds, charts, or section dividers enter the system.
Frequently asked questions
What is the hex code for lemon?
The hex code for lemon is #FFF44F. In RGB, that's 255 red, 244 green, and 79 blue. The approximate CMYK equivalent is 0% cyan, 4% magenta, 69% yellow, and 0% key (black).
Is lemon a warm or cool color?
Lemon reads as warm. It feels most natural with creams, golds, rusts, and other warm accents, while cooler partners like navy or teal create sharper contrast.
Is lemon better as an accent or a full-palette color?
Lemon is usually best when it leads in short bursts rather than covering everything. It can headline a palette, but most layouts work better when the color handles accents, highlights, or one main hero role instead of every surface.
How should I use lemon in a design?
Lemon is vivid enough to work best in controlled doses such as CTAs, highlighted metrics, chart accents, or a single hero element. Surround it with quieter neutrals so it does not exhaust the layout.
Can I use lemon for text or backgrounds?
Lemon works better with dark text than white text. Black text reaches 18.31:1 contrast on the swatch, which makes the color more usable as a background or highlight surface than as a dark panel.
More yellow colors
Keep exploring color resources
All color pages
Browse the full library of color references, pairings, and palettes.
Yellow colors
Compare lemon with other yellow tones.
Brown colors
Explore nearby color families to build stronger palettes and contrasts.
Green colors
Explore nearby color families to build stronger palettes and contrasts.
Neutral colors
Explore nearby color families to build stronger palettes and contrasts.
Last updated April 6, 2026
Color values are computed from the listed hex code using standard conversion formulas. RGB, HSL, and HSV are exact screen-ready conversions. CMYK is an approximate on-screen reference, not a press-ready print specification. Pairings, palettes, and use-case guidance are heuristic recommendations derived from color relationships, contrast behavior, and common presentation, document, and UI patterns.