CSS Color: LightYellow
Named CSS color LightYellow — #FFFFE0 in HEX, rgb(255, 255, 224) in RGB, hsl(60, 100%, 94%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | LightYellow | color: LightYellow; |
| HEX | #FFFFE0 | color: #FFFFE0; |
| RGB | rgb(255, 255, 224) | color: rgb(255, 255, 224); |
| HSL | hsl(60, 100%, 94%) | color: hsl(60, 100%, 94%); |
About LightYellow
LightYellow is an extremely pale yellow that is nearly white with just a hint of warmth. Its hex value `#FFFFE0` features maximum red and green with blue at 224 (just 31 units below max), producing a 60-degree hue at full saturation but 94% lightness.
In web design, LightYellow is commonly used as a subtle background color for informational callouts, tips, and note blocks. It provides just enough color to distinguish a section from a white background without being distracting. It is also a popular choice for table row alternation in warm-themed designs.
For accessibility, LightYellow is essentially a background-only color. Against white, it is virtually indistinguishable (contrast ratio about 1.0:1). Any text placed on a LightYellow background must be very dark to maintain readability — dark gray or black text works best.
LightYellow pairs well with stronger yellows, warm browns, and dark text colors. It creates a clean, warm canvas that feels more inviting than pure white. In Tailwind CSS, `yellow-50` is the closest match.
FAQ
What is the hex code for LightYellow?
The CSS named color LightYellow has the hex code #FFFFE0. You can use it in CSS as color: #FFFFE0; or simply color: LightYellow;.
What is LightYellow in RGB?
In RGB notation, LightYellow is rgb(255, 255, 224). Use it in CSS as color: rgb(255, 255, 224);.
What is LightYellow in HSL?
In HSL notation, LightYellow is hsl(60, 100%, 94%). Use it in CSS as color: hsl(60, 100%, 94%);.
What color category is LightYellow?
LightYellow belongs to the Yellow color family in the CSS named colors specification.
Can I use the name "LightYellow" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: LightYellow; or background-color: LightYellow; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert LightYellow to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →