Lemon yellow color

A bright, zesty yellow with a slight green touch. It feels fresh and energetic. It's typical of beverage packaging, cleaning products and summer clothes.

Also known as: lemon.

Lemon yellow · #FFF700

About lemon yellow

Lemon yellow (#FFF700) is a warm, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 255 red, 247 green and 0 blue (out of 255). It is mostly used in web, summer, kids.

Lemon yellow shades and tints

From lightest to darkest. Tap a shade to copy its code.

Lemon yellow color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blue

AnalogousClose to: Orange, Chartreuse

TriadicClose to: Cyan, Magenta

Split complementaryClose to: Royal blue, Violet

TetradicClose to: Mint green, Blue, Deep pink

Lemon yellow color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Lemon yellow

Analogous palette · Lemon yellow

Complementary palette · Lemon yellow

Triadic palette · Lemon yellow

With neutrals palette · Lemon yellow

With an accent palette · Lemon yellow

Lemon yellow contrast with text

White textContrast 1.1:1 · Not recommended

Black textContrast 18.6:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --lemon-yellow: #FFF700;
  --lemon-yellow-rgb: 255, 247, 0;
}
.bg { background-color: var(--lemon-yellow); }
.text { color: var(--lemon-yellow); }

Colors similar to lemon yellow

Yellow Canary yellow Gold Fluorescent yellow Corn yellow Lime green Sunflower yellow Saffron Amber Mustard yellow

More yellows

Yellow Gold Old gold Mustard yellow Amber Wheat Honey Canary yellow Saffron Champagne Pastel yellow Fluorescent yellow Corn yellow Sunflower yellow

Frequently asked questions

What is the hex code for lemon yellow?

The hex code for lemon yellow is #FFF700. In RGB it is rgb(255, 247, 0), in HSL hsl(58, 100%, 50%) and in CMYK 0, 3, 100, 0.

What is the complementary color of lemon yellow?

Its complement on the color wheel is #0008FF, close to blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on lemon yellow?

Use black text instead: the contrast with white is only 1.1:1, while with black it is 18.6:1.