Lemon is a medium, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFF700, which equals rgb(255, 247, 0) in RGB and hsl(58, 100%, 50%) in HSL. In print terms it converts to roughly C0 M3 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFF700 - RGB
255, 247, 0 - HSL
58°, 100%, 50% - CMYK
0, 3, 100, 0 - Family
Yellow - Tone
Medium, vivid
About Lemon
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 18.56:1. Its complementary color is #0008FF.
Download Lemon as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Lemon color codes
| HEX | #FFF700 |
|---|---|
| RGB | rgb(255, 247, 0) |
| HSL | hsl(58, 100%, 50%) |
| HSV | 58°, 100%, 100% |
| CMYK | 0%, 3%, 100%, 0% |
| Decimal | 16774912 |
Shades and tints of Lemon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFFED5 - 100
#FFFCAA - 200
#FFFB80 - 300
#FFFA55 - 400
#FFF82B - 500
#FFF700 - 600
#D5CE00 - 700
#AAA500 - 800
#807C00 - 900
#555200 - 950
#2B2900
Color harmonies for Lemon
- Complementary
#0008FF≈ Blue - Analogous −30°
#FF7700≈ Pure Orange - Analogous +30°
#88FF00≈ Pure Apple - Triadic +120°
#00FFF7≈ Cyan - Triadic +240°
#F700FF≈ Fuchsia - Split 150°
#0088FF≈ Azure Blue - Split 210°
#7700FF≈ Pure Violet
Contrast and accessibility of Lemon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Lemon | Aa | 1.13:1 | Fails |
| Black text on Lemon | Aa | 18.56:1 | AAA (excellent) |
CSS code for Lemon
background-color: #FFF700;color: #FFF700;background-color: rgb(255, 247, 0);background-color: hsl(58, 100%, 50%);:root { --color-lemon: #FFF700; }class="bg-[#FFF700]"Colors similar to Lemon
- Yellow
#FFFF00 - Pure Gold
#FFE500 - Pure Citron
#E6FF00 - Citron
#DFFF00 - Medium Light Yellow
#FFFF29 - Medium Light Gold
#FFEA29 - Gold
#FFD700 - Bright Yellow
#E5E619 - Medium Light Citron
#EAFF29 - Pure Marigold
#FFCC00 - Pure Lime
#CCFF00 - Medium Light Marigold
#FFD429
More yellow shades
- Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58 - Cream
#FFFDD0 - Brass
#B5A642 - Citron
#DFFF00 - Canary
#FFFF99 - Saffron
#F4C430 - Pure Marigold
#FFCC00 - Medium Light Marigold
#FFD429 - Light Marigold
#FFDC52
Frequently asked questions
What is the HEX code for Lemon?
The HEX code for Lemon is #FFF700.
What is the RGB value of Lemon?
Lemon has an RGB value of 255, 247, 0 (rgb(255, 247, 0)). In HSL it is 58°, 100%, 50%.
What text color should I use on Lemon?
Use black text on Lemon. White text has a contrast ratio of 1.13:1 and black text has 18.56:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Lemon?
The complementary color of Lemon is #0008FF. Analogous colors #FF7700 and #88FF00 also pair well.