Light Yellow hex code
The hex code for light yellow is #FFFFE0. In RGB that is rgb(255, 255, 224) and in HSL it is hsl(60, 100%, 94%).
The hex code for light yellow is #FFFFE0. In RGB that is rgb(255, 255, 224) and in HSL it is hsl(60, 100%, 94%).
Light Yellow · #FFFFE0
Colour codes
- HEX
- #FFFFE0
- RGB
- rgb(255, 255, 224)
- HSL
- hsl(60, 100%, 94%)
- CMYK
- 0, 0, 12, 0
- CSS name
- lightyellow
- Contrast on white
- 1.02:1
- Contrast on black
- 20.63:1
Tints and shades
20% lighter · #ffffe6
40% lighter · #ffffec
60% lighter · #fffff3
80% lighter · #fffff9
20% darker · #ccccb3
40% darker · #999986
60% darker · #66665a
80% darker · #33332d
Complementary colour
Light Yellow · #FFFFE0
Opposite on the colour wheel · #e0e0ff
Frequently asked questions
What is the hex code for light yellow?
The hex code for light yellow is #FFFFE0. In RGB that is rgb(255, 255, 224) and in HSL it is hsl(60, 100%, 94%).
Can I use light yellow for text?
It has a contrast ratio of 1.02:1 on white and 20.63:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with light yellow?
Its complementary colour, opposite on the colour wheel, is #E0E0FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of light yellow instead.
Is light yellow a CSS colour name?
Yes. CSS accepts the keyword lightyellow, so color: lightyellow and color: #FFFFE0 render exactly the same.