Skip to content

Lemon #fff700

Yellow with a sour snap.

RGB
255, 247, 0
HSL
58°, 100%, 50%
CMYK
0, 3, 100, 0
Luminance
0.8778

About Lemon

Lemon, #fff700, is yellow at its sharpest — bright, cool and acidic, the citrus at full zest. Cooler than gold, more electric than butter, it is yellow that reads as tart.

History

Lemons preserved sailors from scurvy and flavored the world’s kitchens; the color name rides that ubiquity. Cleaning products claimed lemon yellow (and scent) as shorthand for fresh and clean; it became the aisle’s dominant hue.

Psychology

Lemon reads fresh, energetic and clean — yellow’s optimism with a citrus edge. It signals zest, cleanliness and cheerful sharpness.

In design

Lemon is a bright accent: electric on charcoal and navy, near-invisible as text on white (1.1:1 — one of the worst pairings). Pair with white and gray (clean), navy (nautical), mint (fresh). Cleaning, beverage and summer brands love it.

In culture

When life gives you lemons, lemon-fresh everything, a "lemon" of a car: the fruit’s bright yellow spans zest, cleanliness and disappointment alike.

Brands that own lemon

Shades of lemon

Every format

HEX#fff700
RGBrgb(255, 247, 0)
HSLhsl(58, 100%, 50%)
CMYKcmyk(0%, 3%, 100%, 0%)
LABlab(95.1 -17.7 93.0)
LCHlch(95.1 94.7 100.8)
OKLCHoklch(0.952 0.204 107.3)

Copy-ready code

/* CSS */
color: #fff700;
background-color: #fff700;
/* Tailwind (arbitrary) */
class="text-[#fff700] bg-[#fff700]"
/* SCSS */
$brand: #fff700;
/* SwiftUI */
Color(red: 1.000, green: 0.969, blue: 0.000)
/* Android */
Color.parseColor("#fff700")

Accessibility — WCAG contrast

Aa
#fff700 on white: 1.13:1
AA ✗ fail · AA-large · AAA
Aa
#fff700 on black: 18.56:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green96.9%
Blue0.0%

CMYK percentages

Cyan0.0%
Magenta3.1%
Yellow100.0%
Key (black)0.0%

Color previews

#fff700 text on a black background

contrast 18.56:1

Card sample

#fff700 text on a white background

contrast 1.13:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #fff700;
Background color
Panel with #fff700 background
background-color: #fff700;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #fff700;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 247, 0, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 247, 0, 0.45);
Border & gradient
Gradient panel
border: 3px solid #fff700;
background: linear-gradient(135deg, #fff700, #5DFF00);

Monochromatic scale

Palettes built from #fff700

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Lemon, answered

What is the hex code for lemon yellow?

Lemon is #fff700 — a bright cool yellow, sharper than pure #ffff00.

Lemon vs yellow vs canary?

Pure yellow is the primary, canary a warm bright yellow, lemon the coolest and most acidic — the zesty citrus edge.

Why is lemon so hard to read as text?

Its luminance is near white’s, giving ~1.1:1 contrast on white — among the least readable pairings. Lemon must be a background or a dark-ground accent.

Work with #fff700 in the Color Lab