Pale Lemon (F5E774) — Shades, Harmonies, Palettes, CSS Code

"Pale Lemon"

Yellow · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Pale Lemon pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #F5E774

RGB rgb(245, 231, 116)

HSL hsl(53°, 87%, 71%)

CMYK C:0% M:6% Y:53% K:4%

Luminance 0.7829

WCAG Accessibility

On white 1.27:1

Aa — #F5E774

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 16.57:1

Aa — #F5E774

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F5E774 #7584F5

Analogous

#F5A675 #F5E774 #C4F575

Triadic

#F5E774 #75F5E6 #E675F5

Split-comp.

#F5E774 #75C4F5 #A675F5

Tetradic

#F5E774 #75F5A6 #7584F5 #F575C4

Monochromatic

#8C7E12 #E2CC22 #EEE17C #F4EBA9 #FDFBED

Suggested palettes for this hue.

Coral Sea View all →

Gradient Sunset View all →

Dark UI View all →