Yellow hex code
The hex code for yellow is #FFFF00. In RGB that is rgb(255, 255, 0) and in HSL it is hsl(60, 100%, 50%).
The hex code for yellow is #FFFF00. In RGB that is rgb(255, 255, 0) and in HSL it is hsl(60, 100%, 50%).
Yellow · #FFFF00
Colour codes
- HEX
- #FFFF00
- RGB
- rgb(255, 255, 0)
- HSL
- hsl(60, 100%, 50%)
- CMYK
- 0, 0, 100, 0
- CSS name
- yellow
- Contrast on white
- 1.07:1
- Contrast on black
- 19.56:1
Tints and shades
20% lighter · #ffff33
40% lighter · #ffff66
60% lighter · #ffff99
80% lighter · #ffffcc
20% darker · #cccc00
40% darker · #999900
60% darker · #666600
80% darker · #333300
Complementary colour
Yellow · #FFFF00
Opposite on the colour wheel · #0000ff
Frequently asked questions
What is the hex code for yellow?
The hex code for yellow is #FFFF00. In RGB that is rgb(255, 255, 0) and in HSL it is hsl(60, 100%, 50%).
Can I use yellow for text?
It has a contrast ratio of 1.07:1 on white and 19.56: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 yellow?
Its complementary colour, opposite on the colour wheel, is #0000FF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of yellow instead.
Is yellow a CSS colour name?
Yes. CSS accepts the keyword yellow, so color: yellow and color: #FFFF00 render exactly the same.