Lemon

Lemon is pure citrus zing — the highest-energy yellow that still reads as yellow. Use it for highlights and warnings, never for text, and always against deep grounds.

highlightswarning stripssummer campaigns

Values in every format

HEX: #fff44f
RGB: rgb(255, 244, 79)
HSL: hsl(56, 100%, 66%)
OKLCH: oklch(0.948 0.177 105.5)
CMYK: cmyk(0%, 4.3%, 69%, 0%)

Hue family: Yellow · closest CSS name: yellow. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #FFF44F itself.

50#fcfacf
100 ★#fff44f
200#e9e488
300#d9d159
400#c2b700
500#a79e00
600#8d8500
700#726c00
800#5a5500
900#444000
950#2a2700

Build a full system from #FFF44F

Harmonies with lemon

Complementary

Maximum contrast — use one side for action, the other sparingly.

#fff44f #4f5aff

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#ff9c4f #fff44f #b2ff4f

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#fff44f #4ffff4 #f44fff

Measured contrast

on white1.15:1 · fails AA

on black18.31:1 · AA normal ✓

Check your own pairs