Lemon

#FFF700

What color is Lemon?

Lemon is a bright, pale yellow with a strong citrus-like clarity, hex #FFF700, close to the flesh of a ripe lemon. It reads lighter and cooler than golden yellow, with a sharp, almost electric tone in direct light.

What is the meaning of the color Lemon?

English records the color name lemon from at least the early 19th century, tied directly to the fruit introduced to northern Europe through Mediterranean trade routes. As synthetic dyes developed in the late 1800s, pale yellows like lemon became reproducible in textiles and print, separating the color from golden or amber yellows in commercial classification. The distinction mattered in fashion and manufacturing, where lemon yellow was catalogued as its own shade in British and American dye charts by the 1900s. The color anchors the visual identity of Lemon Head candy, produced by Ferrara Candy Company since 1962, which helped fix the name in American popular culture.

RGB
255, 247, 0
HSL
58°, 100%, 50%
CMYK
0, 3, 100, 0
HSV
58°, 100%, 100%
Lemon color

What colors go with Lemon?

Colors that pair well with Lemon include:
White: clean, airy brightness
Navy Blue: sharp, bold contrast
Sage Green: soft, natural balance
Charcoal: grounded, modern depth
Coral: warm, playful energy

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFF700 color: #FFF700;
RGB 255, 247, 0 color: rgb(255, 247, 0);
RGB Percentage 100%, 97%, 0% color: rgb(100%, 97%, 0%);
CMYK 0%, 3%, 100%, 0% Not supported in CSS
HSL 58°, 100%, 50% color: hsl(58, 100%, 50%);
HSV 58°, 100%, 100% Not supported in CSS
CIE-LAB 40, 2, 82 color: lab(40% 2 82);
Decimal 16774912 Not supported in CSS

Color Variations

Shades

#FFF700
#E6DE00
#CCC500
#B3AD00
#999400
#807B00
#666300
#4D4A00

Tints

#FFFCB3
#FFFC99
#FFFB80
#FFFA66
#FFF94D
#FFF833
#FFF71A
#FFF700

Tones

#FFF700
#F2EB0D
#E6DF1A
#D9D326
#CCC733
#BFBB40
#B3AF4D
#A6A359

Hues

#FFF700
#48FF00
#00FF77
#00C8FF
#0008FF
#B700FF
#FF0088
#FF3700

Color Harmonies

Analogous

#FF7700
Click to copy
#FFF700
Click to copy
100%
#88FF00
Click to copy

Complementary

#FFF700
Click to copy
100%
#0008FF
Click to copy
100%

Split Complementary

#FFF700
Click to copy
100%
#0088FF
Click to copy
#7700FF
Click to copy

Triadic

#FFF700
Click to copy
100%
#00FFF7
Click to copy
99%
#F700FF
Click to copy

Tetradic

#FFF700
Click to copy
100%
#00FF77
Click to copy
#0008FF
Click to copy
100%
#FF0088
Click to copy
99%

Square

#FFF700
Click to copy
100%
#00FF77
Click to copy
#0008FF
Click to copy
100%
#FF0088
Click to copy
99%

CSS & Dev Snippets

CSS
.lemon {
  color: #FFF700;
}
SCSS
$lemon: #FFF700;
RGB
rgb(255, 247, 0)

Accessibility & Contrast

White background

1.13:1
1.13
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

18.56:1
18.56
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags