lightyellow — #FFFFE0
#FFFFE0
rgb(255, 255, 224) · hsl(60, 100%, 94%) · CSS keyword lightyellow
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| lightyellow on white | 1.02:1 | — | — |
| lightyellow on black | 20.63:1 | AA | AA |
As a background, lightyellow takes black text: 20.63:1 against 1.02:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Using it
color: lightyellow;
color: #ffffe0;
color: rgb(255 255 224);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to lightyellow
- ivory — #FFFFF0
- cornsilk — #FFF8DC
- floralwhite — #FFFAF0
- lightgoldenrodyellow — #FAFAD2
- lemonchiffon — #FFFACD
- oldlace — #FDF5E6
Frequently asked questions
What is the hex code for lightyellow?
The hex code for lightyellow is #FFFFE0 — RGB 255, 255, 224.
Can I use lightyellow for text?
Not on a white background. lightyellow reaches only 1.02:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on lightyellow be black or white?
Black — 20.63:1 against 1.02:1 the other way.
Other named colours
- lime — #00FF00
- limegreen — #32CD32
- linen — #FAF0E6
- magenta — #FF00FF
- maroon — #800000
- mediumaquamarine — #66CDAA
- mediumblue — #0000CD
- mediumorchid — #BA55D3
- mediumpurple — #9370DB
- mediumseagreen — #3CB371
- mediumslateblue — #7B68EE
- mediumspringgreen — #00FA9A
#FFFFE0 in full — tints, shades and harmonies · All named colours · Colour reference