Light Yellow
A luminous pale yellow with minimal saturation
Light yellow is a luminous, pale shade with minimal saturation. It provides a softer alternative to stark white, making it effective for clean, minimalist backgrounds. Because of its extreme lightness, it offers excellent contrast for black text. Pair #ffffe0 with sage green or soft gray for a balanced, airy palette. The hex code for light yellow is #ffffe0.
About Light Yellow
Candle glow caught in fresh cream
What does light yellow mean?
People often read it as warm, fresh, and gently optimistic, a softer version of yellow without the hazard-sign edge. Its near-white lightness and low saturation make it feel airy and easy on the eyes, like daylight through thin curtains.
Where you see light yellow
- buttercream frosting
- old paperback pages
- candle wax
- lemon curd
- baby blankets
- legal pads
What it works for
It works well as a background tint for text-heavy layouts, forms, and cards where plain white feels too stark.
What colors go with light yellow?
Charcoal #36454fDark gray text on this pale tint keeps layouts soft while staying readable.Hunter Green #0b4008Deep green grounds the tint and gives it a natural, garden-fresh feel.Plum #8e4585The cool depth of plum makes this warm tint glow by contrast.Terracotta #e2725bTwo warm neighbors combine into a sunset palette that feels cozy, not loud.Dusty Rose #b56f76Muted pink sits gently beside the tint for a soft, vintage mood.Olive #808000Earthy olive adds weight and keeps the light tint from drifting bland.
Questions about Light Yellow
What is the hex code for Light Yellow?
Light Yellow is #ffffe0. In RGB that is rgb(255, 255, 224), in HSL hsl(60, 100%, 94%) and in CMYK 0%, 0%, 12%, 0%.
Does #ffffe0 Light Yellow work well for UI backgrounds?
Yes, #ffffe0 serves as a gentle, low-glare alternative to pure white for web backgrounds. It reduces eye strain while maintaining high accessibility when paired with dark charcoal or deep navy text for optimal reading contrast.
Is Light Yellow readable on white or black?
Light Yellow has a 1.01:1 contrast ratio on white and 20.63:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.